Allineamento
Allinea a sinistra, al centro o a destra il paragrafo corrente oppure i paragrafi nell'intervallo selezionato. Gli oggetti contenuti in un paragrafo, come immagini, video e tabelle, vengono allineati attraverso il paragrafo che li racchiude.
L'allineamento viene salvato come attributo del paragrafo, non come formattazione del testo. I blocchi di codice sono esclusi dall'allineamento perché lì il rientro ha un significato proprio.
In una cella, l'allineamento si applica al paragrafo interno o all'immagine in corrispondenza del cursore. Selezionando più celle mediante trascinamento, si applica a tutti i loro paragrafi e immagini allineabili. Se la selezione contiene allineamenti diversi, nessun pulsante di allineamento risulta selezionato.
Per allineare la tabella stessa, premi Seleziona tabella nei suoi strumenti contestuali oppure posiziona il cursore prima o dopo la tabella nel paragrafo che la contiene, poi usa i pulsanti di allineamento della barra principale. La posizione a sinistra o a destra di un'area flottante si modifica nei suoi strumenti contestuali, anziché con i pulsanti di allineamento.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, alignWing, dropCapWing,
mountViewTools,
} from 'nabi-note'
const selected = [
alignWing,
dropCapWing,
]
const locale = createLocale('it')
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()Per applicare un comando alla selezione corrente, usa l per sinistra, c per centro e r per destra.
nabi.applyCommand('setAlign', { value: 'c' })