제목 ​

설명 ​

heading(level) 이 레벨 하나를 맡습니다. 여러 레벨을 한 번에 켜려면 headings([1, 2, 3]) 처럼 묶어서 씁니다.

• 캐럿(caret)이 놓인 블록(block)의 태그를 h1~h6 로 바꿉니다. 같은 레벨을 다시 누르면 문단으로 돌아오고, 다른 레벨을 누르면 내용을 그대로 안고 갈아탑니다.
• # 과 공백으로도 만들어집니다(# → h1, ##### → h5). 개수가 정확히 맞는 레벨만 걸리므로 ## 가 h1 규칙에 딸려 들어가지 않고, 등록하지 않은 레벨에는 이 규칙이 아예 없어 ### 는 그냥 글자로 남습니다.
• 등록하지 않은 레벨은 문단으로 내려앉습니다. heading(2) 만 켜 두면 들어온 <h3> 은 <p> 가 됩니다.
• 속성은 하나도 살리지 않습니다. class="title" 과 id 는 모두 떨어집니다.
• 글꼴 크기와 굵기는 저장값에 굳지 않습니다. 시트(stylesheet)의 몫이라 nabi.css 없이 열면 브라우저 기본 제목 크기로 보이지만, 제목이라는 뜻은 태그가 들고 있습니다.
• 제목 맨 앞에서 Enter 를 치면 블록을 쪼개지 않고 위로 빈 문단을 밀어냅니다. 내용이 <p> 로 빠지고 빈 <h1> 만 남는 일이 없습니다.
• 제목 안의 인라인 마크(mark)는 그대로 유지됩니다. 표 칸과 코드 블록 안에서는 버튼이 숨습니다.

데모 ​

npm install nabi-note

import { nabi } from 'nabi-note'
import 'nabi-note/style.css'

nabi.create('#editor', {
  wings: [],
  locale: 'ko',
  onChange: (html) => 저장(html),
})