NABI NOTE
Documentation

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.

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

const selected = [
  alignWing,
  dropCapWing,
]
const { nabi, registry } = createNabiWith(selected)

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: 'fr' })

const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale: 'fr' }
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()))
ts
const selected = wings().use('align').build()