Checklist
Una lista con estado de finalización. Escribe [ ] o [x] seguido de Space en un párrafo vacío o créala desde la barra, y pulsa las casillas para cambiar su estado.
El estado de la casilla se guarda en el documento como atributo del elemento. Al dividir un elemento, el estado sigue al elemento que conserva el texto, no al elemento vacío anterior, de modo que dividir una tarea completada no intercambia su estado.
Enter divide un elemento y Shift+Enter solo introduce un salto de línea dentro de él. Tab y Shift+Tab aumentan y reducen la sangría. Las mismas reglas se aplican en las celdas y también se guarda el estado de la casilla.
Alas
Tipografía baseAltura
HTMLCargando el editor…
JSONnabi-treeCargando el editor…
Instalación
npm install nabi-noteCódigo
import {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, orderedListWing,
taskListWing, tableWings, mountViewTools,
} from 'nabi-note'
const selected = [
orderedListWing,
taskListWing,
...tableWings,
]
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('tl').build()