Align
Align the current paragraph, or the paragraphs in the selected range, left, center, or right. Objects that live inside a paragraph, such as images, videos, and tables, are aligned through the paragraph that wraps them.
Alignment is stored as a paragraph attribute, not as text formatting. Code blocks are excluded from alignment because indentation itself is meaningful there.
Tablo hücresinde imlecin bulunduğu iç paragraf veya görsel hizalanır. Sürükleyerek birden çok hücre seçildiğinde, bu hücrelerdeki hizalanabilir tüm paragraf ve görsellere uygulanır. Seçimde farklı hizalamalar varsa hiçbir hizalama düğmesi seçili gösterilmez.
Tablonun kendisini hizalamak için bağlam araçlarındaki Tabloyu seç seçeneğine basın veya imleci tabloyu saran paragrafta tablonun önüne ya da arkasına koyup ana araç çubuğunun hizalama düğmelerini kullanın. Yüzen alanın sol veya sağ konumunu hizalama düğmeleri yerine o alanın bağlam araçlarından değiştirin.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, alignWing, dropCapWing,
mountViewTools,
} from 'nabi-note'
const selected = [
alignWing,
dropCapWing,
]
const locale = createLocale('tr')
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')const selected = wings().use('align').build()Geçerli seçime komut uygularken sol için l, orta için c, sağ için r kullanın.
nabi.applyCommand('setAlign', { value: 'c' })