NABI NOTE
Dokumentasi

Daftar tugas ​

Ini adalah daftar dengan status selesai. Pada paragraf kosong, ketik [ ] atau [x] lalu tekan Spasi, atau buat melalui toolbar; klik kotak centang untuk mengubah statusnya.

Status tercentang disimpan bersama dokumen sebagai atribut item. Saat item dibagi, status tercentang mengikuti item yang masih berisi teks, bukan item kosong sebelumnya, sehingga membagi tugas yang sudah selesai tidak membalik statusnya.

Enter membagi item, sedangkan Shift+Enter hanya menambah baris baru di dalamnya. Tab dan Shift+Tab menambah dan mengurangi inden. Aturan yang sama berlaku di dalam sel tabel, dan status centang juga disimpan.

Sayap
Jenis huruf bawaanJarak
HTMLMemuat editor…
JSONnabi-treeMemuat editor…
Pasang
npm install nabi-note
Kode
import {
  createLocale, createNabiWith, mountSurface, mountToolbar,
  mountContextToolbar, mountHints, watchSettle, orderedListWing,
  taskListWing, tableWings, mountViewTools,
} from 'nabi-note'

const selected = [
  orderedListWing,
  taskListWing,
  ...tableWings,
]
const locale = createLocale('id')
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('tl').build()