editor

문서 › 글자와 문단

서식 지우기·복사

서식 지우기, 서식 복사(붓), 영문 대소문자 바꾸기.

다른 곳에서 가져온 글의 서식을 걷어 내거나, 한 곳의 글자 모양을 다른 곳에 그대로 옮길 때 씁니다.

직접 써 보기

이 데모의 코드

createEditor('#editor', {
  toolbar: 'bold color | clearFormat formatPainter caseChange',
});

서식 지우기 (clearFormat)

선택한 글자의 굵게, 기울임, 밑줄, 취소선, 첨자, 인라인 코드, 글자 색, 배경 색, 글꼴, 크기를 모두 지웁니다. 단축키는 Ctrl+\ 입니다. 링크, 제목, 정렬, 목록 같은 문단 형식은 남고, 코드 블록 안은 건드리지 않습니다. 글자를 선택해야 동작합니다.

서식 복사 (formatPainter)

  • 모양을 가져올 글자에 커서를 두고 formatPainter 를 누릅니다. "서식을 복사했어요" 안내가 뜹니다.
  • 적용할 글자를 마우스로 드래그하거나 Shift+방향키로 선택하면, 그 글자의 서식을 지우고 복사한 서식을 입힙니다.
  • 복사되는 것: 굵게, 기울임, 밑줄, 취소선, 위·아래 첨자, 글자 색, 배경 색, 글자 크기, 글꼴. 정렬이나 줄간격 같은 문단 서식은 복사하지 않습니다.
  • 한 번 적용하면 끝납니다. 적용 전에 버튼을 다시 누르거나 Esc 를 누르면 취소됩니다.

대소문자 (caseChange)

선택한 영문을 "모두 대문자", "모두 소문자", "단어 첫 글자만 대문자"로 바꿉니다. 한글에는 영향이 없습니다.

프리셋

  • board(기본): clearFormat 는 첫 줄 끝, formatPainter 는 ⋯ 더 보기 안. caseChange 는 없음
  • full: 세 가지 모두 더 보기 안
  • 글자를 선택하면 뜨는 선택 툴바에도 서식 지우기가 있습니다.

워드나 한글에서 붙여 넣은 글은 붙여 넣을 때 이미 정리됩니다. 서식 없이 붙이려면 Ctrl+Shift+V 를 쓰세요 (붙여넣기 정리).

API

editor.exec('clearFormat');
editor.exec('caseChange', 'upper'); // upper | lower | title
editor.exec('formatPainter');

옵션

이름타입기본값설명
clearFormattoolbar item—선택한 글자의 서식 지우기
formatPaintertoolbar item—서식 복사해서 한 번 칠하기
caseChangetoolbar item—영문 대소문자 메뉴