굵게 ​

설명 ​

bold() 는 <b> 의 소유자(claim)입니다. 글자를 고르고 툴바의 B 를 누르거나 @ 메뉴에서 고르면 그 범위가 굵어집니다.

• 들어올 때는 <b> 와 <strong> 을 함께 인정하고, 나갈 때는 뜻이 같은 것 중 짧은 <b> 하나로 모읍니다. 어느 편집기에서 붙여넣었든 저장값의 모양은 한 가지입니다.
• 속성은 하나도 살리지 않습니다. class·style·data-* 는 떨어지고 태그만 남습니다.
• 글자를 고르지 않고 캐럿(caret)만 둔 채 누르면 예약(pending mark)됩니다. 다음에 치는 첫 글자부터 굵어집니다.
• 굵게 걸린 글자 안에서 버튼을 다시 눌러 끄면 이미 쓴 글자는 그대로 두고 다음에 치는 글자를 마크 밖으로 뺍니다. Escape 도 같은 일을 합니다.
• Enter 로 문단을 나눌 때, 캐럿이 마크(mark)의 끝이면 서식이 끊깁니다. 그 서식으로 쓸 말이 끝났다는 자리라, 굵게 쓴 줄을 마칠 때마다 Escape 를 한 번 더 치지 않게 하기 위해서입니다. 중간이면 새 문단으로 이어집니다.
• 등록하지 않으면 <b> 는 껍데기가 벗겨져 평문(plain text)으로 떨어집니다.

데모 ​

npm install nabi-note

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

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