NABI NOTE
문서

밑줄

설명

underline()<u> 의 소유자(claim)입니다.

  • 들어올 때는 <u><ins> 를 모두 인정하고, 나갈 때는 언제나 <u> 입니다.
  • 속성은 하나도 살리지 않습니다.
  • 글자를 고르지 않고 캐럿(caret)만 둔 채 누르면 예약(pending mark)됩니다. 다음에 치는 첫 글자부터 걸립니다.
  • 걸린 글자 안에서 버튼을 다시 누르거나 Escape 를 치면 이미 쓴 글자는 그대로 두고 다음에 치는 글자를 마크 밖으로 뺍니다.
  • Enter 로 문단을 나눌 때, 캐럿이 마크(mark)의 이면 서식이 끊기고 중간이면 새 문단으로 이어집니다.
  • 밑줄과 링크는 화면에서 모양이 겹치지만 link() 가 따로 소유하는 다른 wing 입니다. 지금 걸린 것이 어느 쪽인지는 툴바에서 눌린 버튼으로 구분합니다.

데모

wing
HTML에디터를 불러오는 중…
미리보기위의 값을 읽는 사람 화면에 그대로 그린 자리입니다. 편집 화면에서는 안 도는 기능이 여기서 동작합니다 — 표 제목을 눌러 정렬하고, 이미지를 눌러 크게 보세요.
설치
npm install nabi-note
코드
import { nabi } from 'nabi-note'
import 'nabi-note/style.css'

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