Dipnot ​

Ek açıklamaları metindeki numaralar ve belgenin sonundaki listeyle ilişkilendirin.

Araç çubuğundaki dipnot düğmesiyle içerik girerek imleç konumuna dipnot ekleyin. Metin seçiliyse seçilen metin değiştirilmeden seçimin sonuna eklenir. Numaralar saklanmaz; belge sırasına göre otomatik atanır.

İçeriği özellik satırında düzenlemek için metindeki numaraya tıklayın. Silme aracını kullanın veya dipnotun yanında Backspace ya da Delete tuşuna iki kez basarak önce seçin, sonra silin. Alttaki liste salt okunurdur ve dipnot kalmadığında kaybolur.

Önizlemede ve viewer bağlanmış yayımlanmış sayfalarda numaranın üzerine gelerek, tıklayarak veya dokunarak içeriği okuyabilirsiniz. Yalnızca tek satırlık düz metin kabul edilir; gövdenin temel yazı boyutunun 0,875 katı büyüklükte sans serif yazıyla gösterilir. HTML olduğu gibi metin olarak gösterilir.

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, highlightWing, linkWing,
  footnoteWing, mountViewTools,
} from 'nabi-note'

const selected = [
  highlightWing,
  linkWing,
  footnoteWing,
]
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('fn').build()