굵게·기울임·밑줄

글자 모양을 바꾸는 기본 버튼들입니다. 글자를 선택하고 누르거나, 선택 없이 누른 뒤 이어서 치면 됩니다. 한 번 더 누르면 풀립니다.

createEditor('#editor', {
  toolbar: 'bold italic underline strike | subscript superscript code',
});

버튼과 단축키

맥에서는 Ctrl 대신 ⌘ 입니다. 커서가 있는 곳의 상태에 따라 버튼이 눌린 모양으로 바뀝니다. 인라인 코드 안에서 code 를 다시 누르면 코드가 풀립니다.

마크다운처럼 **굵게**, *기울임*, ~~취소선~~, `코드` 를 쳐도 바로 바뀝니다 (마크다운 입력).

프리셋과 선택 툴바

• board(기본): 굵게·밑줄·취소선은 첫 줄, 기울임과 위·아래 첨자는 ⋯ 더 보기 안. 인라인 코드는 없습니다.
• full: 굵게·기울임·밑줄·취소선은 첫 줄, 위·아래 첨자와 인라인 코드는 더 보기 안
• basic: 굵게·기울임·밑줄·취소선, minimal: 굵게·기울임·밑줄
• 휴대폰 툴바의 첫 줄에는 굵게만 있고 나머지는 ⋯ 안에 있습니다.

글자를 선택하면 위에 뜨는 선택 툴바(bubble toolbar)에도 굵게, 기울임, 밑줄, 취소선, 인라인 코드가 들어 있어 툴바에 없는 기능도 쓸 수 있습니다.

저장되는 HTML

브라우저가 만든 <b>, <i>, <strike> 는 저장할 때 <strong>, <em>, <s> 로 바뀝니다.

<p><strong>굵게</strong>, <em>기울임</em>, <u>밑줄</u>, <s>취소선</s>, H<sub>2</sub>O, <code>npm install</code></p>

API

editor.exec('bold');
editor.queryState('bold'); // 커서 위치가 굵게면 true

옵션