LibraTool logoLibraTool

وړیا د Markdown سمونگر

Markdown په ریښتینې وخت کې ولیکئ او مخکتنه یې وکړئ. د سرلیکونو، ډبل، تروند، کوډ بلاکونو، جدولونو، او لیستونو ملاتړ کوي.

یو ځل چې لوډ شي آفلاین کار کوي
104 کلمې · 556 توري
Markdown
مخکتنه
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Markdown ایډیټر ته ښه راغلاست</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed"><strong>Markdown</strong> په کیڼ اړخ کې ولیکئ، ژوندۍ مخکتنه یې ښي اړخ کې وګورئ.</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">ځانګړتیاوې</h3> <ul class="list-disc list-inside my-3 space-y-0.5 text-slate-700 dark:text-slate-300"><li class="my-0.5"><strong>ډبل ضخیم</strong>، <em>ایټالیک</em>، او <del>کرښه وهل شوی</del></li><li class="my-0.5"><code class="bg-slate-100 dark:bg-slate-800 text-pink-600 dark:text-pink-400 rounded px-1 py-0.5 text-[0.85em] font-mono">دننه کوډ</code> او فریم شوي کوډ بلاکونه</li><li class="my-0.5"><a href="https://libratool.com" target="_blank" rel="noopener noreferrer" class="text-teal-600 dark:text-teal-400 underline underline-offset-2">لینکونه</a></li><li class="my-0.5">لسټونه، نقل قولونه، جدولونه، او نور</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">د کوډ مثال</h3> <pre class="bg-slate-900 dark:bg-slate-950 text-slate-100 rounded-lg p-4 overflow-x-auto text-sm font-mono my-4"><code class="language-javascript">function greet(name) { return `Hello, ${name}!`; }</code></pre> <blockquote class="border-l-4 border-teal-400 dark:border-teal-600 pl-4 my-3 text-slate-600 dark:text-slate-400 italic">Markdown د John Gruber لخوا په 2004 کې جوړ شو ترڅو د ویب لپاره لیکل اسانه کړي.</blockquote> <table class="my-4 w-full text-sm border-collapse"><thead><tr><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">ځانګړتیا</th><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">ملاتړ شوی</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">سرلیکونه</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">لیستونه</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">جدولونه</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">کوډ</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
د Markdown چیټ‌شیټ
# Heading 1H1
**bold**ډبل
*italic*کج
`code`دننه کوډ
- itemنقطه‌ای لیست
1. itemشمېرل شوی لیست
> quoteنقل قول
[text](url)لینک
![alt](url)انځور
---بېلوونکی کرښه

دا څنګه کار کوي

مخکتنه د یوه لاسي-لیکل شوي Markdown پارسر سره رسمیږي چې مستقیم وسیله کې جوړ شوی — هیڅ marked، هیڅ remark، هیڅ بهرنی کتابتون. دا سرچینه کرښه-پر-کرښه براوزر کې توکن کوي، نحوی HTML ته بدلوي چې بیا له ښودلو مخکې یوه پاکونکي نه تیریږي.

  1. 1
    کرښه-پر-کرښه توکن‌کول
    دلخواه renderMarkdown فنکشن ستاسو سرچینه نوو کرښو باندې ویشي او یوه واحد پړاو کې ترې ګرځي، رپرې شوي کوډ بلاکونه، سرلیکونه (H1–H6)، بلاک‌کوټونه، ترتیب شوي او غیر-ترتیب شوي لیستونه، GFM جدولونه (د کالم-برابرۍ سره)، افقي کرښې، او پراګرافونه د لومړیتوب ترتیب کې سره سمون کوي.
  2. 2
    ان‌لاین نحوی غزول
    هره راټول شوې کرښه یا سیل بیا د inlineMarkdown سره پروسس کیږي، یو regex بدلونونو کلک چې تور (** او __)، مایل (* او _)، تور-مایل (***)، کرښه-وهل (~~)، ان‌لاین کوډ ()، انځورونه (![alt](url))، او لینکونه ([text](url)) اداره کوي — انځورونه له لینکونو مخکې حل کیږي نو ! مخکینی ناسم نه اخیستل کیږي.
  3. 3
    پاکول او لرې‌سرچینه بندول
    خام HTML چې رسمول یې تولیدوي یوه پاکوونکي (sanitize-html) نه تیریږي ترڅو ناخوندي ټاګونه او خصوصیتونه لکه <script>، onerror اداره کوونکي، او javascript: hrefs لرې کړي. یو دویم پړاو (neutralizeRemote) لرې انځور src ارزښتونه اصلي ډول نښانونو سره بدلوي، مخکتنه د خاموش ډول بهرنیو سرورونو ته زنګ وهلو مخنیوی کوي مخکې د دې چې تاسو ورشئ.
  4. 4
    .md یا خپل‌بسنی .html صادرول
    Markdown کاپي کول یا ډاونلوډول خامه سرچینه متن لیکي. HTML ډاونلوډول پاک شوی محصول یوه خپل‌بسنی سند کې پوښي خپل ان‌لاین سټایل‌شیټ سره — Tailwind کلاسونه یوازې سایټ دننه کار کوي، نو صادرول ساده CSS قواعد بدلوي، فایل هرچیرې لوستل کیدونکی جوړوي.

اړوندې وسیلې

په مکرر ډول پوښتل شوې پوښتنې