لنک ​

Pilih teks lalu lampirkan alamat padanya. Jika Anda memasukkan alamat tanpa memilih teks, alamat itu sendiri dimasukkan sebagai teks tautan. Mengetik alamat http:// atau https:// lalu menekan Space atau Enter juga mengubahnya menjadi tautan.

Tautan hanya menyimpan http:, https:, dan path situs yang sama yang diawali . atau /. Alamat yang asalnya tidak dapat dikenali jelas, seperti javascript: atau //example.com, ditolak. Tautan lampiran yang dibuat oleh upload juga menyimpan informasi file dan tidak dapat dibuat manual seperti tautan biasa.

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('ur')
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()

URL پیسٹ کرنا ​

اگر شروع اور آخر کے خالی حروف ہٹانے کے بعد پیسٹ کیا گیا پورا مواد ایک درست http:// یا https:// URL ہو، تو اسے فوراً لنک کے طور پر شامل کیا جاتا ہے۔ جملوں کے اندر موجود URL، کئی URL والا متن اور نسبتی پاتھ موجودہ پیسٹ طریقے کے مطابق سنبھالے جاتے ہیں۔ کوڈ بلاکس اور لنک wing کے بغیر ایڈیٹر میں مواد متن ہی رہتا ہے۔ اصل فارمیٹنگ برقرار رکھنے کے لیے ایڈیٹر سے کاپی کیے گئے درست اندرونی کلپ بورڈ ڈیٹا کو ترجیح دی جاتی ہے۔

لنک کا دکھائی دینے والا متن مقرر کرنے کے لیے mountSurface() میں onPasteUrl کال بیک استعمال کریں۔

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

اگر واپس کی گئی اسٹرنگ میں خالی حروف کے علاوہ کوئی حرف ہو، تو وہ دکھائی دینے والا متن بن جاتی ہے۔ کال بیک موجود نہ ہو، خالی یا غیر اسٹرنگ قدر واپس کرے، یا ناکام ہو، تو پیسٹ کیا گیا URL ہی دکھائی دینے والا متن رہتا ہے۔ واپس کی گئی اسٹرنگ کو کبھی HTML نہیں سمجھا جاتا اور وہ لنک کا پتہ نہیں بدلتی۔

کال بیک async فنکشن اور Promise کو بھی سپورٹ کرتا ہے۔ جواب کا انتظار کرتے ہوئے URL لنک فوراً شامل کر دیا جاتا ہے؛ بعد میں درست نتیجہ آنے پر صرف اسی لنک کا دکھائی دینے والا متن بدلتا ہے۔ اگر اس دوران لنک میں ترمیم ہو گئی ہو یا اسے حذف کر دیا گیا ہو، نئی دستاویز لوڈ ہو گئی ہو، یا surface اَن ماؤنٹ ہو گیا ہو، تو دیر سے آنے والا نتیجہ نظر انداز کیا جاتا ہے۔

CSS اسٹائل ​

Beri gaya tautan biasa dengan .nabi-content a, dan tautan lampiran secara terpisah dengan .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);
}

Bagian ::before dan ::after pada tautan lampiran dipakai untuk menampilkan ikon dan ekstensi file, jadi biasanya sebaiknya jangan mengganti atau menghapus content-nya.