NABI NOTE
Takardu

Jerin mai lamba ​

Yana yin jerin lambobi don abubuwan da tsarinsu yake da muhimmanci. A sakin layi fanko, rubuta lamba da aya kamar 1., sannan ka danna Space, ko ka sauya sakin layin da aka zaɓa daga sandar kayan aiki.

Ana ƙididdige lambar da ake gani daga matsayin abu, don haka tana ci gaba da kanta ko da ka ƙara abu ko ka shigar da shi ciki. Ba ya samar da aikin adana lambar farawa da aka shigar don a fara ƙirga daga kowace lamba.

Fuka-fukai
Nau’in rubutu na asaliTazara
HTMLAna loda edita…
JSONnabi-treeAna loda edita…
Sanya
npm install nabi-note
Lamba
import {
  createNabiWith, mountSurface, mountToolbar, mountContextToolbar,
  mountHints, watchSettle, bulletListWing, orderedListWing,
  taskListWing, mountViewTools,
} from 'nabi-note'

const selected = [
  bulletListWing,
  orderedListWing,
  taskListWing,
]
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: 'ha' })

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