HEditor 플러그인

코드블럭 플러그인

  • 최고관리자 1시간 전 2025.12.06 12:52 새글
  • 1
    0

HEditor Code Block Plugin

개발자를 위한 깔끔하고 가독성 높은 코드 삽입 도구

플러그인 소개

Code Block 플러그인은 에디터 내에 소스 코드를 공유할 때 필수적인 기능입니다. 일반 텍스트와 구분되는 전용 박스(Preformatted Text)를 생성하여 코드의 들여쓰기와 구조를 완벽하게 보존합니다.

주요 기능

  • 전용 스타일링: 어두운 테마의 배경과 모노스페이스 폰트를 적용하여 가독성을 극대화합니다.
  • 자동 줄바꿈 처리: 긴 코드가 입력될 경우 가로 스크롤을 생성하여 레이아웃 깨짐을 방지합니다.
  • 구조 보존: 복사하여 붙여넣은 코드의 들여쓰기와 공백을 그대로 유지합니다.

설치 및 적용 방법

1. 파일 업로드

다운로드후 압축을 해제한 파일을 /heditor/plugins/ 폴더에 업로드합니다.

2. 에디터 설정 추가

에디터 초기화 코드의 toolbar 배열에 'codeBlock'을 추가합니다. 

new HEditor('#myTextarea', {
    toolbar: [
        ['bold', 'italic', 'underline'],
        ['align', 'image', 'table'],
        ['codeBlock'] // 코드블록 추가
    ]
});
  • 공유링크 복사
  • 다음글표 플러그인2025.12.06

    • 댓글목록

    등록된 댓글이 없습니다.