NABI NOTE
Dokumentasi

Judul ​

Mengubah paragraf menjadi judul dan menentukan tingkatnya. Aktifkan judul melalui toolbar lalu pilih dari H1 hingga H6, atau pada paragraf kosong, ketik # hingga ###### lalu tekan Spasi.

Judul bukan jenis blok terpisah, melainkan atribut yang disimpan pada paragraf. Menekan judul sekali lagi mengembalikannya menjadi paragraf biasa, sehingga Anda dapat mengubah tingkatnya sambil mempertahankan struktur isi.

Pada sel biasa, paragraf di dalamnya dapat diubah menjadi judul. Judul tidak diterapkan pada sel kepala tabel, dan konversi menjadi sel kepala juga menghapus format judul yang sudah ada. Saat beberapa paragraf dipilih, toolbar menampilkan satu nilai aktif hanya jika semuanya memiliki tingkat judul yang sama.

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

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