기울임
설명
italic() 은 <i> 의 소유자(claim)입니다. 낯선 낱말이나 인용처럼 결을 달리하는 글자에 씁니다.
- 들어올 때는
<i>와<em>을 함께 인정하고, 나갈 때는<i>하나로 모읍니다. - 속성은 하나도 살리지 않습니다. 들어오는 값에서
style이 필터(filter)보다 먼저 통째로 떨어지므로, 인라인style로 기울인<span>은 기울임으로 인정받지 못하고 평문(plain text)이 됩니다. 소유 판정은 태그만 봅니다. - 글자를 고르지 않고 캐럿(caret)만 둔 채 누르면 예약(pending mark)됩니다. 다음에 치는 첫 글자부터 걸립니다.
- 걸린 글자 안에서 버튼을 다시 누르거나
Escape를 치면 이미 쓴 글자는 그대로 두고 다음에 치는 글자를 마크 밖으로 뺍니다. Enter로 문단을 나눌 때, 캐럿이 마크(mark)의 끝이면 서식이 끊기고 중간이면 새 문단으로 이어집니다. 끝자리는 그 서식으로 쓸 말이 끝난 자리라 끊는 편이 손이 덜 갑니다.
데모
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),
})