인용구

다른 글이나 말을 옮겨 올 때, 또는 한 문단을 눈에 띄게 할 때 씁니다. quoteStyle 메뉴에서 모양을 고르면 인용이 되면서 모양이 함께 적용됩니다.

createEditor('#editor', {
  toolbar: 'heading | bold | blockquote quoteStyle | undo redo',
});

인용 만들기

• blockquote 버튼 또는 Ctrl+Shift+B: 커서가 있는 문단(여러 줄을 골랐으면 그 문단들)을 인용으로 감쌉니다. 한 번 더 누르면 인용이 풀립니다.
• 문단 맨 앞에서 > 와 스페이스를 치면 인용이 됩니다 (markdownShortcuts).
• heading 드롭다운에도 "인용"이 있습니다.
• 인용 안 마지막 빈 줄에서 Enter 를 한 번 더 누르면 인용 밖으로 나옵니다. 인용의 첫 줄이 비어 있을 때 Backspace 를 누르면 인용이 풀립니다.

인용구 모양

커서가 인용 안에 있으면 메뉴 끝에 "인용 해제"가 나옵니다. 인용 밖에서 모양을 고르면 그 문단을 인용으로 만들고 모양을 입힙니다.

저장되는 HTML

<blockquote><p>세로선 인용</p></blockquote>
<blockquote data-quote="box" style="border-left: 0; background-color: #f1f3f5; border-radius: 8px; padding: 12px 16px">
  <p>회색 상자 인용</p>
</blockquote>

editor.exec('blockquote');           // 인용 넣기 / 풀기
editor.exec('quoteStyle', 'box');    // line | mark | box | border, '' 이면 인용 해제

프리셋

board 와 full 프리셋은 ⋯ 메뉴에 quoteStyle 를 둡니다. blockquote 버튼은 어느 프리셋에도 없으니 필요하면 toolbar 에 직접 넣으세요.

옵션