NABI NOTE
Documentación

Alineación ​

Alinea el párrafo actual, o los párrafos del rango seleccionado, a la izquierda, al centro o a la derecha. Los objetos que viven dentro de un párrafo, como imágenes, vídeos y tablas, se alinean mediante el párrafo que los envuelve.

La alineación se guarda como atributo de párrafo, no como formato de texto. Los bloques de código se excluyen de la alineación porque la indentación tiene significado propio.

Alas
Tipografía baseAltura
HTMLCargando el editor…
JSONnabi-treeCargando el editor…
Instalación
npm install nabi-note
Código
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: 'es' })

const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale: 'es' }
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()