NABI NOTE
Nyaraka

Nukuu ​

Kusanya maandishi yaliyonukuliwa au tenga muktadha kwenye aya nyingi. Andika > ikifuatiwa na Space katika aya tupu, au badilisha aya zilizochaguliwa ziwe nukuu kutoka kwenye upau wa zana.

Nukuu inaweza kuwa na aya za kawaida pamoja na blokii kama orodha na picha. Kubadilisha eneo lilelile tena huondoa kifuniko na kulirudisha kuwa aya za nje.

Mabawa
Aina msingi ya herufiKipenyo
HTMLKihariri kinapakiwa…
JSONnabi-treeKihariri kinapakiwa…
Sakinisha
npm install nabi-note
Msimbo
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: 'sw' })

const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale: 'sw' }
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()

Mitindo ya CSS ​

Tia mtindo kwenye nukuu kwa .nabi-content blockquote kwa kubadilisha mipaka na nafasi.

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);
}

Hifadhi muundo wa aya ndani ya blockquote, na ubadilishe uwasilishaji pekee kama nafasi ya nje, mipaka na rangi.