NABI NOTE
Dokumentation

Ü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.

Flügel
StandardschriftartAbstand
HTMLEditor wird geladen…
JSONnabi-treeEditor wird geladen…
Installation
npm install nabi-note
Code
import {
  createNabiWith, mountSurface, mountToolbar, mountContextToolbar,
  mountHints, watchSettle, headingWing, bulletListWing, mountViewTools,
} from 'nabi-note'

const selected = [
  headingWing,
  bulletListWing,
]
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('h').build()