QuickATools

أدوات المطوّرين · Free browser tool

معاينة Markdown المباشرة

اكتب وعاين صياغة Markdown في الوقت الفعلي. اعرض HTML نظيفًا بتصور فوري دون أي تتبع بيانات من جهة الخادم.

Markdown editor

Split view · compact client-side parser · HTML is escaped before render.

Source

596 chars

Live preview

Markdown Live Previewer

Write GitHub-style notes, README drafts, or AI prompt guides and preview them instantly.

Why this helps

  • See headings, lists, and emphasis as you type
  • Check italics, bold, and strikethrough
  • Keep drafts private — nothing leaves your browser

Inline & block code

Use npm run build for a quick check, or a fenced block:

function greet(name: string) {
  return `Hello, ${name}!`;
}

Tip: Paste a README draft here before you push it.

Links

Read more about CommonMark when you need the full spec.

Frequently Asked Questions

ما Markdown ولماذا تستخدمه كثير من المستندات؟

Markdown صياغة تنسيق نص عادي تتيح لك كتابة مستندات منظمة بعلامات بسيطة — # للعناوين، و * أو - للقوائم، و **عريض**، وكتل كود مسيَّجة — ثم تحويل ذلك النص إلى HTML. يبقى مقروءًا في شكله الخام، ويتفرع نظيفًا في git، وهو الافتراضي لملفات README في GitHub وقوالب القضايا وكثير من مولّدات المواقع الثابتة.

ما ميزات Markdown التي تدعمها هذه المعاينة؟

تغطي المجموعة اليومية التي تحتاجها معظم المسودات: عناوين ATX (h1–h3)، والفقرات، والعريض/المائل/يتوسطه خط، والقوائم غير المرتبة والمرتبة، والاقتباسات، والكود المضمَّن، وكتل الكود المسيَّجة، والقواعد الأفقية، وروابط http(s)/mailto. هي مضغوطة عمدًا بدل محرك CommonMark/GFM كامل — الامتدادات المتقدمة مثل الجداول أو قوائم المهام خارج النطاق حتى يبقى الحزمة صغيرة.

كيف تحسّن المعاينة المباشرة إنتاجية المحتوى؟

تلتقط الأسوار المكسورة ومستويات العناوين المحرجة وتنسيق القوائم أثناء الكتابة بدل بعد الالتزام أو نشر CMS. التبديل بين المعاينة البصرية ومصدر HTML يساعد أيضًا عندما تحتاج العلامات المعروضة لمدونة CMS أو قالب بريد دون تخمين كيف ستتداخل العلامات.

هل تُرفع مسودتي أو تُخزَّن في أي مكان؟

لا. يعمل التحليل والعرض بالكامل في متصفحك. يُهرَّب HTML الخام في إدخالك قبل المعاينة حتى لا تُنفَّذ العلامات الملصقة، ولا يُرسل شيء إلى خادم — ما يجعله أكثر أمانًا لكتيبات التشغيل الداخلية ومسودات README غير المنشورة وأدلة موجهات الذكاء الاصطناعي التي يجب ألا تغادر جهازك.

أدوات قد تحتاجها أيضًا

استكشف أدوات مجانية أخرى في المتصفح للبائعين وصنّاع المحتوى والمحترفين.

عاين مسودات README وأدلة الموجهات دون مغادرة متصفحك

Markdown هي اللهجة الافتراضية لملفات README في GitHub وقوالب القضايا ومسودات المدونات ومكتبات موجهات الذكاء الاصطناعي — لكن المصدر وحده نادرًا ما يُظهر ما إذا كانت تسلسلية العناوين تُقرأ نظيفًا، أو ما إذا أُغلق سياج كود، أو ما إذا كانت قائمة ستُعرض كما تتوقع. تختصر المعاينة المباشرة ذلك التخمين: اكتب على جانب، وشاهد HTML منظمًا على الآخر، وأصلح التنسيق قبل الالتزام أو النشر.

هذه المعاينة خفيفة عمدًا. بدل شحن محرك Markdown كبير، تحوّل مجموعة عملية من الصياغة — العناوين والتأكيد والقوائم والاقتباسات والكود المضمَّن والمسيَّج والروابط الآمنة — بمحلل مضغوط من جهة العميل. يُهرَّب HTML الخام في مسودتك أولًا، لذا لا يمكن لعلامات <script> الملصقة أن تُنفَّذ في لوحة المعاينة.

لأن كل شيء يعمل محليًا، لا تغادر المستندات غير المكتملة وكتيبات التشغيل الداخلية وأدلة الموجهات جهازك أبدًا. لا يوجد جدار حساب ولا خطوة رفع — افتح الأداة، والصق مسودة، وبدّل بين المعاينة البصرية ومصدر HTML، ثم انسخ العلامات المعروضة أو نزّل ملف .md.

اقرن هذا بأدوات مطور أخرى: تحقق من تباين الروابط أو العناوين في فاحص تباين الألوان وفق WCAG، ورتّب مقدمة JSON بمنسّق ومحقق JSON، أو صحح regexes التوثيق في مختبر Regex. للمقاطع المرمَّزة في المستندات، استخدم ترميز/فك ترميز Base64.