Perataan ​

Ratakan paragraf saat ini, atau paragraf dalam rentang pilihan, ke kiri, tengah, atau kanan. Objek di dalam paragraf, seperti gambar, video, dan tabel, diratakan melalui paragraf pembungkusnya.

Perataan disimpan sebagai atribut paragraf, bukan pemformatan teks. Blok kode dikecualikan dari perataan karena inden di sana memiliki makna.

Di dalam sel tabel, perataan diterapkan pada paragraf atau gambar di posisi kursor. Memilih beberapa sel dengan menyeret menerapkannya pada semua paragraf dan gambar yang dapat diratakan di dalam sel tersebut. Jika pilihan berisi perataan berbeda, tidak ada tombol perataan yang ditampilkan sebagai terpilih.

Untuk meratakan tabel itu sendiri, klik Pilih tabel pada alat kontekstualnya, atau letakkan kursor sebelum atau sesudah tabel di paragraf pembungkusnya, lalu gunakan tombol perataan di toolbar utama. Ubah posisi kiri atau kanan area mengambang melalui alat kontekstual area tersebut, bukan tombol perataan.

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

const selected = [
  alignWing,
  dropCapWing,
]
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('align').build()

Untuk menerapkan perintah pada pilihan saat ini, gunakan l untuk kiri, c untuk tengah, dan r untuk kanan.

ts
nabi.applyCommand('setAlign', { value: 'c' })