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.

Enter divide un elemento e Shift+Enter inserisce solo un'interruzione di riga al suo interno. Tab e Shift+Tab aumentano e riducono il rientro. Nelle celle valgono le stesse regole e viene salvato anche lo stato della casella di spunta.

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

const selected = [
  orderedListWing,
  taskListWing,
  ...tableWings,
]
const locale = createLocale('it')
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()