NABI NOTE
Nyaraka

Ondoa Uumbizaji ​

Ondoa uumbizaji wa maandishi kutoka eneo lililochaguliwa kwa mkupuo. Alama chaguomsingi zilizosajiliwa kama herufi nzito, rangi na aina ya herufi, pamoja na sifa za aya kama kichwa, mpangilio na herufi kubwa ya mwanzo, hujumuishwa. Kubonyeza Esc mara mbili haraka hufanya kitendo kilekile.

Haitoi miundo ya hati kama orodha, majedwali, nukuu au picha na kuigeuza kuwa maandishi ya kawaida. Mpangilio wa nje wa picha na video, pamoja na viungo vya viambatisho vilivyoundwa na upakiaji, hubaki kama ulivyo.

Mabawa
Aina msingi ya herufiKipenyo
HTMLKihariri kinapakiwa…
JSONnabi-treeKihariri kinapakiwa…
Sakinisha
npm install nabi-note
Msimbo
import {
  createNabiWith, mountSurface, mountToolbar, mountContextToolbar,
  mountHints, watchSettle, boldWing, italicWing, underlineWing,
  strikeWing, fontSizeWing, linkWing, imageWing, uploadWing,
  clearFormatWing, mountUpload, mountUploadView, mountViewTools,
} from 'nabi-note'

const selected = [
  boldWing,
  italicWing,
  underlineWing,
  strikeWing,
  fontSizeWing,
  linkWing,
  imageWing,
  uploadWing,
  clearFormatWing,
]
const { nabi, registry } = createNabiWith(selected)

const root = document.querySelector('.nabi')!
const content = document.querySelector('.nabi-content')!

const view = mountUploadView({ nabi, surface: content })
const upload = mountUpload({
  nabi, root: content,
  // your upload goes here — report progress with task.onProgress(0–100)
  uploader: async (task) => ({ uri: 'https://cdn.example/uploaded' }),
  extensions: ['png', 'jpg', 'pdf'], maxFileSize: 10 * 1024 * 1024,
  onStart: (tasks) => view.start(tasks),
  onProgress: (id, percent) => view.progress(id, percent),
  onSettle: () => view.settle(),
  onDone: () => view.done(),
})

// The locale also sets the direction — Arabic and Urdu run right to left
mountSurface({ nabi, registry, root: content, locale: 'sw', fileSink: upload.take })

const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale: 'sw' }
const toolbar = mountToolbar({ ...shared, root: document.querySelector('#toolbar')!, onFiles: upload.take })
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('b')
  .use('i')
  .use('clearFormat')
  .build()

Wing za uumbizaji unazotaka kuondoa lazima pia zichaguliwe, vinginevyo uumbizaji wake hauwezi kuondolewa.