NABI NOTE
Belgeler

Numaralı liste ​

Sıralamanın önemli olduğu öğeleri numaralı listeye dönüştürür. Boş bir paragrafta 1. gibi bir sayı ve nokta yazıp Space tuşuna basarak veya seçili paragrafları araç çubuğundan dönüştürerek oluşturabilirsiniz.

Görüntülenen numaralar öğelerin konumundan hesaplanır; bu nedenle öğe eklediğinizde veya girinti verdiğinizde otomatik olarak devam eder. Girilen başlangıç numarasını saklayıp istediğiniz bir numaradan sayma özelliği sunulmaz.

Enter sonraki öğeyi oluşturur, Shift+Enter ise yalnızca mevcut öğenin içinde satır sonu ekler. Tab ve Shift+Tab girintiyi artırır ve azaltır; tablo hücrelerinde de liste girintisi hücreler arasında geçişten önce gelir.

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, bulletListWing,
  orderedListWing, taskListWing, mountViewTools,
} from 'nabi-note'

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