NABI NOTE
Documentación

Encabezado ​

Convierte un párrafo en encabezado y elige su nivel. Activa el encabezado en la barra y elige de H1 a H6, o escribe de # a ###### seguido de Space en un párrafo vacío.

El encabezado es un atributo guardado en el párrafo, no un tipo de bloque independiente. Al volver a pulsar el encabezado, regresas a un párrafo normal, por lo que puedes cambiar el nivel sin alterar la estructura del contenido.

En las celdas normales puedes convertir los párrafos internos en encabezados. No se aplican encabezados a las celdas de cabecera y, al convertir una celda en cabecera, se elimina cualquier formato de encabezado existente. Si seleccionas varios párrafos, la barra muestra un único valor activo solo cuando todos tienen el mismo nivel de encabezado.

Alas
Tipografía baseAltura
HTMLCargando el editor…
JSONnabi-treeCargando el editor…
Instalación
npm install nabi-note
Código
import {
  createLocale, createNabiWith, mountSurface, mountToolbar,
  mountContextToolbar, mountHints, watchSettle, headingWing,
  bulletListWing, mountViewTools,
} from 'nabi-note'

const selected = [
  headingWing,
  bulletListWing,
]
const locale = createLocale('es')
const { nabi, registry } = createNabiWith(selected, { locale })

const root = document.querySelector('.nabi')!
const content = document.querySelector('.nabi-content')!

// The locale also sets the direction — Arabic and Urdu run right to left
mountSurface({ nabi, registry, root: content, locale })

const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale }
const toolbar = mountToolbar({ ...shared, root: document.querySelector('#toolbar')! })
const context = mountContextToolbar({ ...shared, root: document.querySelector('#context')! })
mountHints({ toolbar, context, root, surface: content })
// The preview and fullscreen buttons — they stand their own box at the end of the row
mountViewTools({ ...shared, root, container: document.querySelector('#toolbar')! })

// on every change — hook up your own code here
// nabi.onChange(() => user_callback(nabi.getHtml()))

// Call from your language selector. Content and editing history stay intact.
// locale.setLocale('ko')
ts
const selected = wings().use('h').build()