Überschrift
Verwandeln Sie einen Absatz in eine Überschrift und wählen Sie deren Ebene. Aktivieren Sie die Überschrift in der Symbolleiste und wählen Sie H1 bis H6 oder geben Sie # bis ###### gefolgt von einem Leerzeichen in einem leeren Absatz ein.
Eine Überschrift ist kein separater Blocktyp. Sie wird als Attribut eines Absatzes gespeichert. Wenn Sie erneut auf die Überschrift klicken, wird sie wieder zu einem normalen Absatz, sodass Sie nur die Ebene ändern können, während die Struktur des Textkörpers intakt bleibt.
In normalen Tabellenzellen lassen sich die enthaltenen Absätze in Überschriften umwandeln. Für Kopfzellen sind Überschriften nicht verfügbar; beim Umwandeln in eine Kopfzelle wird auch vorhandene Überschriftenformatierung entfernt. Bei mehreren ausgewählten Absätzen zeigt die Werkzeugleiste nur dann einen gemeinsamen aktiven Wert, wenn alle dieselbe Überschriftenebene haben.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, headingWing,
bulletListWing, mountViewTools,
} from 'nabi-note'
const selected = [
headingWing,
bulletListWing,
]
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('h').build()