NABI NOTE
Belgeler

Kontrol listesi ​

Tamamlanma durumunu içeren bir listedir. Boş bir paragrafta [ ] veya [x] yazdıktan sonra Space tuşuna basarak ya da araç çubuğundan oluşturur, onay kutusuna basarak durumu değiştirirsiniz.

İşaretli olup olmadığı, öğe özniteliği olarak belgeyle birlikte saklanır. Bir öğeyi böldüğünüzde işaret durumu boş önceki öğeyi değil, metnin kaldığı öğeyi izler; böylece tamamlanmış bir işi ikiye bölmek durumu tersine çevirmez.

Enter öğeyi böler, Shift+Enter ise yalnızca öğenin içinde satır sonu ekler. Tab ve Shift+Tab girintiyi artırır ve azaltır. Tablo hücrelerinde aynı kurallar geçerlidir ve işaretli durum da kaydedilir.

Kanatlar
Temel yazı tipiOfset
HTMLDüzenleyici yükleniyor…
JSONnabi-treeDüzenleyici yükleniyor…
Yükle
npm install nabi-note
Kod
import {
  createLocale, createNabiWith, mountSurface, mountToolbar,
  mountContextToolbar, mountHints, watchSettle, orderedListWing,
  taskListWing, tableWings, mountViewTools,
} from 'nabi-note'

const selected = [
  orderedListWing,
  taskListWing,
  ...tableWings,
]
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')
ts
const selected = wings().use('tl').build()