NABI NOTE
Nyaraka

Mpangilio ​

Panga aya ya sasa, au aya zilizo katika eneo lililochaguliwa, kushoto, katikati, au kulia. Vitu vilivyomo ndani ya aya, kama picha, video na majedwali, hupangwa kupitia aya inayovizunguka.

Mpangilio huhifadhiwa kama sifa ya aya, si uumbizaji wa maandishi. Blokii za msimbo hazijumuishwi katika mpangilio kwa sababu ujongezaji wenyewe una maana humo.

Mabawa
Aina msingi ya herufiKipenyo
HTMLKihariri kinapakiwa…
JSONnabi-treeKihariri kinapakiwa…
Sakinisha
npm install nabi-note
Msimbo
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: 'sw' })

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