NABI NOTE
Dokumentasi

Daftar bernomor ​

Membuat item yang urutannya penting menjadi daftar bernomor. Pada paragraf kosong, ketik angka dan titik seperti 1. lalu tekan Spasi, atau ubah paragraf yang dipilih melalui toolbar.

Nomor yang ditampilkan dihitung dari posisi item, sehingga tetap berlanjut otomatis saat Anda menambah atau menjorokkan item. Fitur untuk menyimpan angka awal yang diketik dan menghitung dari nomor sembarang tidak tersedia.

Enter membuat item berikutnya, sedangkan Shift+Enter hanya menambah baris baru di dalam item saat ini. Tab dan Shift+Tab menambah dan mengurangi inden; di dalam sel tabel, inden daftar juga diprioritaskan daripada perpindahan antarsel.

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

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