Fußnote
Verknüpfen Sie ergänzende Erklärungen mit Nummern im Text und einer Liste am Dokumentende.
Geben Sie über die Fußnotenschaltfläche der Werkzeugleiste Text ein, um eine Fußnote an der Cursorposition einzufügen. Bei einer Textauswahl wird sie am Ende eingefügt, ohne den ausgewählten Text zu ersetzen. Nummern werden nicht gespeichert, sondern automatisch nach der Dokumentreihenfolge vergeben.
Klicken Sie auf eine Nummer im Text, um den Inhalt in der Eigenschaftszeile zu bearbeiten. Verwenden Sie das Löschwerkzeug oder drücken Sie neben der Fußnote zweimal Backspace oder Delete, um sie zunächst auszuwählen und dann zu löschen. Die Liste darunter ist schreibgeschützt und verschwindet, wenn keine Fußnoten vorhanden sind.
In der Vorschau und auf veröffentlichten Seiten mit eingebundenem Viewer lässt sich der Inhalt durch Zeigen, Klicken oder Tippen auf eine Nummer lesen. Der Inhalt besteht aus einer Zeile Klartext und erscheint in serifenloser Schrift mit dem 0,875-Fachen der Grundschriftgröße des Textes. HTML wird wörtlich angezeigt.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, highlightWing, linkWing,
footnoteWing, mountViewTools,
} from 'nabi-note'
const selected = [
highlightWing,
linkWing,
footnoteWing,
]
const locale = createLocale('de')
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')const selected = wings().use('fn').build()