Liste ordonnée
Transformez les éléments dont l'ordre est important en une liste numérotée. Saisissez un chiffre suivi d'un point, comme 1., puis appuyez sur Espace dans un paragraphe vide, ou basculez depuis la barre d'outils pour convertir les paragraphes sélectionnés.
Les chiffres affichés sont calculés à partir de la position des éléments, donc ils continuent automatiquement lorsque vous ajoutez ou indentez des éléments. La sauvegarde d'un numéro de départ personnalisé et le comptage à partir de ce nombre ne sont pas fournis.
Enter crée l'élément suivant et Shift+Enter ajoute seulement un saut de ligne dans l'élément courant. Tab et Shift+Tab augmentent et réduisent le retrait ; dans les cellules aussi, le retrait de la liste est prioritaire sur le déplacement entre cellules.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, bulletListWing,
orderedListWing, taskListWing, mountViewTools,
} from 'nabi-note'
const selected = [
bulletListWing,
orderedListWing,
taskListWing,
]
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('ol').build()