Kiungo ​

Chagua maandishi kisha uambatishe anwani. Ukiandika anwani bila kuchagua maandishi, anwani yenyewe huingizwa kama maandishi ya kiungo. Kuandika anwani ya http:// au https:// kisha kubonyeza Space au Enter pia huibadilisha kuwa kiungo.

Viungo huhifadhi http:, https:, na njia za tovuti hiyohiyo zinazoanza kwa . au / pekee. Anwani ambazo chanzo chake hakiwezi kutambulika wazi, kama javascript: au //example.com, hukataliwa. Viungo vya viambatisho vinavyoundwa na upakiaji pia huhifadhi maelezo ya faili, na haviwezi kuundwa mwenyewe kama viungo vya kawaida.

npm install nabi-note

import {
  createLocale, createNabiWith, mountSurface, mountToolbar,
  mountContextToolbar, mountHints, watchSettle, subscriptWing, linkWing,
  footnoteWing, mountViewTools,
} from 'nabi-note'

const selected = [
  subscriptWing,
  linkWing,
  footnoteWing,
]
const locale = createLocale('sw')
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')

const selected = wings().use('a').build()

Kubandika URL ​

Ikiwa maudhui yote yanayobandikwa, baada ya kuondoa nafasi tupu mwanzoni na mwishoni, ni URL halali ya http:// au https://, yanaingizwa mara moja kama kiungo. URL zilizo ndani ya sentensi, maandishi yenye URL kadhaa, na njia za jamaa hufuata utaratibu wa kubandika uliopo. Katika vizuizi vya msimbo na vihariri visivyo na wing ya kiungo, maudhui hubaki maandishi. Data halali ya ndani ya ubao wa kunakili iliyonakiliwa kutoka kwa kihariri hupewa kipaumbele ili kuhifadhi umbizo lake la asili.

Tumia callback ya onPasteUrl katika mountSurface() kuchagua maandishi yanayoonyeshwa kwenye kiungo.

const surface = mountSurface({
  nabi,
  registry,
  root: document.querySelector<HTMLElement>('#editor')!,
  onPasteUrl(url, isSameOrigin, path) {
    if (isSameOrigin && path === '/guide') return 'NABI NOTE'
    return url
  },
})

Mfuatano wa maandishi unaorudishwa ukiwa na herufi zisizo nafasi tupu huwa maandishi yanayoonyeshwa. Ikiwa callback haipo, inarudisha thamani tupu au isiyo mfuatano wa maandishi, au inashindwa, URL iliyobandikwa hubaki kuwa maandishi yanayoonyeshwa. Mifuatano inayorudishwa haitafsiriwi kamwe kama HTML na haibadilishi anwani ya kiungo.

Callback pia inakubali vitendaji vya async na Promise. Kiungo cha URL huingizwa mara moja wakati jibu linasubiriwa; matokeo halali yanayofika baadaye hubadilisha tu maandishi yanayoonyeshwa kwenye kiungo hicho. Matokeo yaliyochelewa hupuuzwa ikiwa kiungo kimehaririwa au kufutwa, hati mpya imepakiwa, au surface imeondolewa.

Mitindo ya CSS ​

Tia mtindo viungo vya kawaida kwa .nabi-content a, na viungo vya viambatisho kivyake kwa .nabi-content a[data-nabi-file].

.article-body a:not([data-nabi-file]) {
  color: var(--nabi-accent);
  text-decoration-thickness: .08em;
  text-underline-offset: .16em;
}

.article-body a[data-nabi-file] {
  display: inline-flex;
  gap: .35em;
  padding: .25em .55em;
  background: var(--nabi-soft);
}

Sehemu za ::before na ::after za kiungo cha kiambatisho hutumika kuonyesha ikoni na kiendelezi cha faili, hivyo kwa kawaida ni bora kutobadilisha wala kuondoa content yake.