Sortierte Liste
Verwandeln Sie Elemente, bei denen die Reihenfolge wichtig ist, in eine nummerierte Liste. Geben Sie eine Zahl und einen Punkt ein, z. B. 1., gefolgt von einem Leerzeichen in einem leeren Absatz oder wechseln Sie ausgewählte Absätze über die Symbolleiste.
Die angezeigten Zahlen werden aus der Position der Elemente berechnet, sodass sie automatisch fortgesetzt werden, wenn Sie Elemente hinzufügen oder einrücken. Das Speichern einer benutzerdefinierten Startnummer und das Zählen ab dieser Zahl wird nicht unterstützt.
Flügel
StandardschriftartAbstand
HTMLEditor wird geladen…
JSONnabi-treeEditor wird geladen…
Installation
npm install nabi-noteCode
import {
createNabiWith, mountSurface, mountToolbar, mountContextToolbar,
mountHints, watchSettle, bulletListWing, orderedListWing,
taskListWing, mountViewTools,
} from 'nabi-note'
const selected = [
bulletListWing,
orderedListWing,
taskListWing,
]
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: 'de' })
const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale: 'de' }
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('ol').build()