مرکزی مواد پر جائیں

مفت Markdown ایڈیٹر

حقیقی وقت میں Markdown لکھیں اور پریویو کریں۔ ہیڈنگز، بولڈ، اٹیلک، کوڈ بلاکس، ٹیبلز، اور فہرستوں کی حمایت کرتا ہے۔

لوڈ ہونے کے بعد آف لائن کام کرتا ہے
98 الفاظ · 536 حروف
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">Inline code</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 میں API Documentation لکھیںMarkdown میں endpoint descriptions، request/response مثالیں، اور parameter جداول تیار کریں۔
  • Markdown Notes لیںMarkdown میں منظم notes لکھیں جو Notion، Obsidian، Bear، یا کسی بھی Markdown app میں پیسٹ کیے جا سکتے ہوں۔
  • Markdown میں GitHub README لکھیںاپنے GitHub ریپوزٹری کے README کو براہ راست Markdown رینڈرنگ کے ساتھ تیار اور پیش نمائش کریں۔
  • تکنیکی دستاویزات لکھیںشائع کرنے سے پہلے Markdown میں API دستاویزات، wikis، اور تکنیکی گائیڈز لکھیں اور پیش نمائش کریں۔
  • Markdown میں بلاگ پوسٹس لکھیںGhost، Jekyll، Hugo، Hashnode اور دیگر Markdown پر مبنی اشاعت کے پلیٹ فارمز کے لیے بلاگ پوسٹس تیار کریں۔

یہ کیسے کام کرتا ہے

پیش منظر ٹول میں بنے ہاتھ سے لکھے Markdown پارسر سے بنتا ہے — نہ marked، نہ remark، نہ کوئی بیرونی لائبریری۔ یہ براؤزر میں ماخذ کو سطر بہ سطر ٹوکنائز کرتا ہے، نحو کو HTML میں بدلتا ہے جو دکھانے سے پہلے sanitizer سے گزرتا ہے۔

  1. 1
    سطر بہ سطر ٹوکنائزیشن
    حسب ضرورت renderMarkdown فنکشن آپ کے ماخذ کو نئی سطروں پر تقسیم کر کے ایک ہی گزر میں ان پر چلتا ہے، ترجیحی ترتیب میں fenced کوڈ بلاکس، سرخیاں (H1–H6)، اقتباسات، ترتیب وار اور غیر ترتیب وار فہرستیں، GFM جدولیں (کالم کی سیدھ کے ساتھ)، افقی لکیریں اور پیراگراف پہچانتا ہے۔
  2. 2
    Inline نحو کی توسیع
    پھر ہر جمع شدہ سطر یا خانہ inlineMarkdown سے پروسیس ہوتا ہے، جو regex متبادلات کی زنجیر ہے اور بولڈ (** اور __)، اٹالک (* اور _)، بولڈ-اٹالک (***)، کٹی لکیر (~~)، inline code ()، تصاویر (![alt](url)) اور لنکس ([text](url)) سنبھالتی ہے — تصاویر لنکس سے پہلے حل کی جاتی ہیں تاکہ ! سابقہ غلط طور پر استعمال نہ ہو۔
  3. 3
    صفائی اور دور کے وسائل کی روک تھام
    رینڈرر کا بنایا خام HTML ایک sanitizer (sanitize-html) سے گزرتا ہے جو <script>، onerror ہینڈلرز اور javascript: hrefs جیسے غیر محفوظ ٹیگز اور attributes ہٹاتا ہے۔ دوسرا گزر (neutralizeRemote) ڈیفالٹ طور پر دور کی تصاویر کی src قدروں کو نشانات سے بدلتا ہے، تاکہ آپ کی رضامندی سے پہلے پیش منظر خاموشی سے بیرونی سرورز سے رابطہ نہ کرے۔
  4. 4
    .md یا خود کفیل .html کے طور پر ایکسپورٹ
    Markdown کاپی یا ڈاؤن لوڈ کرنے سے خام ماخذ متن لکھا جاتا ہے۔ HTML ڈاؤن لوڈ صاف شدہ آؤٹ پٹ کو اپنی inline اسٹائل شیٹ والی خود کفیل دستاویز میں لپیٹتا ہے — Tailwind کلاسیں صرف سائٹ کے اندر کام کرتی ہیں، اس لیے ایکسپورٹ سادہ CSS قواعد شامل کرتا ہے، اور فائل کہیں بھی پڑھی جا سکتی ہے۔

متعلقہ ٹولز

اکثر پوچھے جانے والے سوالات