글머리 목록 ​

설명 ​

bulletList() 은 <ul> 의 소유자(claim)입니다. 정확히는 표식 속성이 없는 ul 이며, 체크리스트와 태그를 나눠 쓰고 속성으로 갈립니다.

• 버튼을 누르면 캐럿(caret)이 놓인 블록(block)(또는 선택에 걸친 블록들)을 목록으로 감싸고, 다시 누르면 풀려서 문단으로 돌아옵니다.
• 하이픈과 공백(- )으로도 만들어집니다.
• Tab 은 위 형제의 하위로 한 단계 들여쓰고, Shift+Tab 은 부모의 다음 형제로 내어씁니다. 최상위에서 내어쓰면 문단이 됩니다. 여러 항목에 걸쳐 골라 두었다면 걸친 항목이 함께 움직입니다.
• 중첩은 진짜 마크업입니다 — <li>가<ul><li>나</li></ul></li>. 들여쓰기 흉내가 아니라 구조라서 저장값에 그대로 남습니다.
• 속성은 하나도 살리지 않습니다. type 으로 준 불릿 모양은 보존되지 않습니다.
• 항목 속은 글이므로 마크(mark)와 삽입 wing 을 모두 쓸 수 있습니다.
• 등록하지 않으면 <ul> 은 필터(filter)에서 문단으로 내려앉습니다.

데모 ​

npm install nabi-note

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

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