밑줄
설명
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),
})