NABI NOTE
Takardu

Ambato ​

Yana haɗa zance ko wani mahalli dabam a cikin sakin layi da yawa. A sakin layi fanko, rubuta > sannan ka danna Space, ko ka sauya sakin layin da aka zaɓa zuwa ambato daga sandar kayan aiki.

A cikin ambato za ka iya saka ba sakin layi na yau da kullum kawai ba har ma da tubalai kamar jeri da hoto. Idan an sake sauya wannan kewayon, zai koma sakin layin waje.

Fuka-fukai
Nau’in rubutu na asaliTazara
HTMLAna loda edita…
JSONnabi-treeAna loda edita…
Sanya
npm install nabi-note
Lamba
import {
  createNabiWith, mountSurface, mountToolbar, mountContextToolbar,
  mountHints, watchSettle, quoteWing, detailsWing, dividerWing,
  mountViewTools,
} from 'nabi-note'

const selected = [
  quoteWing,
  detailsWing,
  dividerWing,
]
const { nabi, registry } = createNabiWith(selected)

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: 'ha' })

const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale: 'ha' }
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()))
ts
const selected = wings().use('quote').build()

Tsarin CSS ​

Za ka iya canza iyaka da sarari na ambato da .nabi-content blockquote.

css
.article-body blockquote {
  margin-inline: 0;
  padding: .25rem 1rem;
  border-inline-start: 4px solid var(--nabi-accent);
  color: var(--nabi-muted);
  background: color-mix(in srgb, var(--nabi-soft) 72%, transparent);
}

Ka bar tsarin sakin layi a cikin blockquote yadda yake, kuma ka canza gabatarwa kawai kamar sararin waje, iyaka, da launi.