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.

Enter yana ƙirƙirar abu na gaba, Shift+Enter kuma yana sauya layi kawai a cikin abu na yanzu. Tab da Shift+Tab suna ƙara da rage zurfin jeri; a sel na tebur ma, zurfin jeri yana da fifiko kan matsawa tsakanin sel.

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

const selected = [
  bulletListWing,
  orderedListWing,
  taskListWing,
]
const locale = createLocale('ha')
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')
ts
const selected = wings().use('ol').build()