구분선 ​

설명 ​

horizontalRule() 은 <hr> 하나를 소유(claim)합니다.

• 버튼을 누르면 캐럿(caret) 자리에 선을 끼워 넣습니다. 빈 문단이면 그 자리를 대체하고, 뒤에 이어 쓸 문단을 보장합니다. 토글이 아니라서 다시 눌러도 사라지지 않습니다 — 지우려면 Backspace 나 Delete 를 씁니다.
• 하이픈 세 개 이상(---)만 있는 줄에서 Enter 를 쳐도 선이 됩니다.
• 속성은 하나도 살리지 않습니다. 등록하지 않으면 <hr> 자체가 필터(filter)에서 사라집니다.
• 내용을 갖지 않는 물건 블록(object block)이라 캐럿이 안으로 들어가지 않습니다. 틈(gap)에 닿으면 통째로 선택되고 캐럿은 숨으며, Delete 나 Backspace 는 빈 문단으로 갈아 끼웁니다. 화살표로 이웃 줄로 빠져나가고, 이웃이 없으면 빈 문단이 생깁니다.
• 선 두께와 색은 저장값에 굳지 않습니다. 시트의 몫이라 nabi.css 없이 열면 브라우저 기본 <hr> 로 보입니다.
• 표 칸 안의 <hr> 은 필터가 표 밖으로 끌어냅니다.

데모 ​

npm install nabi-note

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

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