Alignement
Alignez le paragraphe actuel, ou les paragraphes de la plage sélectionnée, à gauche, au centre ou à droite. Les objets contenus dans un paragraphe, tels que les images, les vidéos et les tableaux, sont alignés via le paragraphe qui les englobe.
L'alignement est stocké en tant qu'attribut de paragraphe, et non comme un formatage de texte. Les blocs de code sont exclus de l'alignement car l'indentation y a elle-même une signification.
Dans une cellule, l'alignement s'applique au paragraphe interne ou à l'image à la position du curseur. Sélectionner plusieurs cellules par glissement l'applique à tous leurs paragraphes et images pouvant être alignés. Si la sélection contient des alignements différents, aucun bouton d'alignement n'apparaît sélectionné.
Pour aligner le tableau lui-même, cliquez sur Sélectionner le tableau dans ses outils contextuels ou placez le curseur avant ou après le tableau dans le paragraphe qui l'entoure, puis utilisez les boutons d'alignement de la barre principale. Modifiez le placement à gauche ou à droite d'une zone flottante dans ses outils contextuels plutôt qu'avec les boutons d'alignement.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, alignWing, dropCapWing,
mountViewTools,
} from 'nabi-note'
const selected = [
alignWing,
dropCapWing,
]
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('align').build()Pour appliquer une commande à la sélection actuelle, utilisez l pour gauche, c pour centre et r pour droite.
nabi.applyCommand('setAlign', { value: 'c' })