NABI NOTE
Documentazione

Elenco attività ​

È un elenco che tiene traccia dello stato di completamento. In un paragrafo vuoto, digita [ ] oppure [x] seguito da Spazio, oppure crealo dalla barra degli strumenti; fai clic sulla casella di controllo per cambiare stato.

Lo stato di completamento viene salvato nel documento come proprietà dell'elemento. Quando dividi un elemento, lo stato segue quello che conserva il testo, non l'elemento vuoto precedente: così, anche se dividi in due un'attività completata, il suo stato non si inverte.

Ali
Carattere di baseAltezza
HTMLCaricamento dell’editor…
JSONnabi-treeCaricamento dell’editor…
Installazione
npm install nabi-note
Codice
import {
  createNabiWith, mountSurface, mountToolbar, mountContextToolbar,
  mountHints, watchSettle, orderedListWing, taskListWing, tableWings,
  mountViewTools,
} from 'nabi-note'

const selected = [
  orderedListWing,
  taskListWing,
  ...tableWings,
]
const { nabi, registry } = createNabiWith(selected)

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: 'it' })

const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale: 'it' }
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()))
ts
const selected = wings().use('tl').build()