글자 크기 ​

설명 ​

fontSize() 는 문단의 글자 크기를 다섯 단계로 고릅니다 — 아주 작게 · 작게 · 기본 · 크게 · 아주 크게.

• 버튼을 누르면 보조 툴바가 떠서 다섯 단계가 그 나라 말로, 각자 자기 크기로 보입니다.
• 기본은 값이 아니라 취소입니다. 고르면 속성이 떨어지고 저장값에 아무것도 남지 않습니다. 같은 단계를 다시 골라도 기본으로 돌아갑니다.
• 저장되는 값은 넷입니다 — data-nabi-size="xs|sm|lg|xl". 낯선 값은 필터(filter)가 떨어뜨립니다. 목록과 속성 이름은 FONT_SIZES · FONT_SIZE_ATTR 상수로도 나갑니다.
• 문단에만 걸립니다. 제목은 자기 크기가 있고, 표 칸과 리스트 항목에는 필터가 블록 속성(block attribute)을 남기지 않습니다.
• 크기는 본문 기준 상대값(em)입니다. 호스트가 --nabi-font-size 를 바꾸면 다섯 단계가 비례해 따라오고, 단계 값 자체도 토큰(--nabi-size-xs 등)이라 갈아 끼울 수 있습니다.

데모 ​

npm install nabi-note

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

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