NABI NOTE
Documentation

Liste à puces ​

Une liste à puces présente plusieurs éléments sans ordre. Tapez - suivi d'un espace dans un paragraphe vide, ou basculez vers ce format depuis la barre d'outils. Les paragraphes sélectionnés peuvent également être regroupés en une liste en une seule fois.

À l'intérieur d'une liste, Tab indente d'un niveau et Shift+Tab désindente. Entrée crée l'élément suivant, et appuyer à nouveau sur Entrée depuis un élément vide termine la liste. Shift+Enter insère un saut de ligne dans l'élément sans le diviser.

Les listes dans les cellules suivent les mêmes règles de saisie. Dans une liste, Tab augmente le retrait au lieu de passer à une autre cellule.

Ailes
Police par défautDécalage
HTMLChargement de l'éditeur…
JSONnabi-treeChargement de l'éditeur…
Installation
npm install nabi-note
Code
import {
  createLocale, createNabiWith, mountSurface, mountToolbar,
  mountContextToolbar, mountHints, watchSettle, headingWing,
  bulletListWing, orderedListWing, mountViewTools,
} from 'nabi-note'

const selected = [
  headingWing,
  bulletListWing,
  orderedListWing,
]
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')
ts
const selected = wings().use('ul').build()