Titre
Transformez un paragraphe en titre et choisissez son niveau. Activez le titre dans la barre d'outils et choisissez H1 à H6, ou tapez # à ###### suivi d'un espace dans un paragraphe vide.
Un titre n'est pas un type de bloc séparé. Il est stocké sous forme d'attribut sur un paragraphe. Appuyer à nouveau sur le titre le ramène à un paragraphe normal, vous permettant ainsi de modifier uniquement le niveau tout en conservant la structure du corps intacte.
Dans les cellules ordinaires, les paragraphes internes peuvent devenir des titres. Les titres ne s'appliquent pas aux cellules d'en-tête, et la conversion en cellule d'en-tête supprime également le format de titre existant. Lorsque plusieurs paragraphes sont sélectionnés, la barre d'outils affiche une valeur active commune uniquement s'ils ont tous le même niveau de titre.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, headingWing,
bulletListWing, mountViewTools,
} from 'nabi-note'
const selected = [
headingWing,
bulletListWing,
]
const locale = createLocale('fr')
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()