NABI NOTE
Belgeler

Madde işaretli liste ​

Birden çok öğeyi sırasız olarak listeleyen bir listedir. Boş bir paragrafta - yazdıktan sonra Space tuşuna basarak veya araç çubuğundan dönüştürerek oluşturabilirsiniz. Seçili paragrafları da tek seferde listeye dönüştürebilirsiniz.

Liste içinde Tab ile bir düzey girinti ekler, Shift+Tab ile girintiyi kaldırırsınız. Enter yeni bir öğe oluşturur; boş bir öğede tekrar Enter tuşuna basmak listeyi bitirir. Shift+Enter öğeyi bölmeden içinde satır sonu ekler.

Tablo hücrelerindeki listeler de aynı giriş kurallarını izler. Bir listede Tab, başka hücreye geçmek yerine listeyi girintiler.

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

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