NABI NOTE
Takardu

Take ​

Yana mayar da sakin layi take kuma yana ƙayyade matakinsa. Kunna take daga sandar kayan aiki sannan ka zaɓi daga H1 zuwa H6, ko kuma a sakin layi fanko rubuta daga # zuwa ###### sannan ka danna Space.

Take ba wani nau'in tubali dabam ba ne; sifa ce da ake adanawa a sakin layi. Idan an sake danna take, zai koma sakin layi na yau da kullum, saboda haka za ka iya sauya mataki ba tare da rusa tsarin rubutu ba.

A sel na yau da kullum, za ka iya mayar da sakin layin ciki zuwa kanun rubutu. Ba a sa kanun rubutu a sel na kan tebur; mayar da sel zuwa na kan tebur yana cire tsarin kanun rubutu da yake ciki. Idan an zaɓi sakin layi da yawa, sandar kayan aiki tana nuna ƙima guda mai aiki ne kawai idan duk suna da matakin kanun rubutu iri ɗaya.

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, headingWing,
  bulletListWing, mountViewTools,
} from 'nabi-note'

const selected = [
  headingWing,
  bulletListWing,
]
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('h').build()