HEditor Color Tools

다채로운 글쓰기를 위한 글자색 및 배경색 변경 도구

플러그인 소개

Color Tools 패키지는 에디터에서 가장 빈번하게 사용되는 글자 색상(Fore Color)과 배경 색상(Back Color) 변경 기능을 제공합니다. 중요한 내용을 강조하거나 텍스트에 시각적인 위계를 줄 때 필수적인 기능입니다.

직관적인 컬러 피커를 통해 원하는 색상을 손쉽게 선택할 수 있으며, 현재 적용된 색상을 버튼 아이콘에서 즉시 확인할 수 있습니다.

주요 기능

• 글자 색상 변경: 텍스트의 색상을 자유롭게 변경하여 가독성을 높이거나 스타일을 더합니다.
• 배경 색상(하이라이트): 텍스트 배경에 형광펜 효과를 주어 핵심 내용을 강조합니다.
• 실시간 색상 감지: 커서 위치의 텍스트 색상을 감지하여 툴바 버튼에 현재 색상을 표시해줍니다.
• 스마트 커서 처리: 텍스트를 선택하지 않고도 커서 위치에서 바로 색상을 변경하고 타이핑할 수 있습니다.

설치 및 적용 방법

1. 파일 업로드

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

2. 에디터 설정 추가

에디터 초기화 코드의 toolbar 배열에 'foreColor'와 'backColor'를 추가합니다.

new HEditor('#myTextarea', {
    toolbar: [
        ['bold', 'italic', 'underline'],
        ['foreColor', 'backColor'], // 색상 도구 추가
        ['align', 'table']
    ]
});