Titolo
Trasforma un paragrafo in un titolo e scegline il livello. Attiva il titolo dalla barra degli strumenti e scegli da H1 a H6, oppure, in un paragrafo vuoto, digita da # a ###### seguito da Spazio.
Un titolo non è un tipo di blocco separato, ma un attributo salvato nel paragrafo. Selezionando di nuovo il titolo, torna a essere un paragrafo normale: puoi quindi cambiare solo il livello mantenendo intatta la struttura del testo.
Nelle celle normali puoi trasformare i paragrafi interni in titoli. I titoli non si applicano alle celle di intestazione e la conversione in intestazione rimuove anche la formattazione dei titoli esistente. Se selezioni più paragrafi, la barra mostra un solo valore attivo soltanto se hanno tutti lo stesso livello di titolo.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, headingWing,
bulletListWing, mountViewTools,
} from 'nabi-note'
const selected = [
headingWing,
bulletListWing,
]
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')const selected = wings().use('h').build()