معاينة Markdown
حرّر حقل Markdown وشاهد لوحة Preview تتحدث تلقائيًا. تحلّل الأداة بـ marked (GFM وفواصل الأسطر)، تنظّف HTML بـ DOMPurify، وتعرض حالة مثل Preview updated.
محدّث 2026-08-04 · developer
Empty preview
Preview updates as you type.
حول هذه الأداة
تربط هذه المعاينة مربع نص بمعاينة HTML مباشرة. الإدخال الفارغ يعرض Empty preview بخط مائل. فشل التحليل يفرّغ المعاينة ويعرض Parse error مع التفاصيل. العينة تتضمن عناوين وغامق وقوائم وروابط وكود مضمن وكتلة كود محاطة لتجربة التنسيق فورًا.
طريقة الاستخدام
- افتح المعاين: حمّل الصفحة ليظهر محرر Markdown ولوحة Preview.
- حرّر Markdown: غيّر عينة Markdown أو الصق محتواك في حقل Markdown.
- شاهد المعاينة: تتحدث لوحة Preview أثناء الكتابة؛ تنتقل الحالة إلى Preview updated.
- عالج أخطاء التحليل: إذا أظهرت الحالة Parse error: …، عدّل Markdown واستمر بالكتابة.
حالات الاستخدام
- عاين Markdown بأسلوب README قبل لصقه في مستودع أو CMS.
- تحقق من عرض القوائم والروابط وكتل الكود أثناء صياغة المستندات.
- أكّد أن التنسيق يبدو صحيحًا دون فتح محرر سطح مكتب.
نصائح
- الحالة تحت المعاينة تؤكد انتهاء العرض أو فشله.
- الناتج منظّف؛ اعتبره مساعدة معاينة لا خط أنابيب CMS كامل.
الأسئلة الشائعة
هل أحتاج زر Preview؟
لا. تتحدث المعاينة مباشرة كلما تغيّر نص Markdown.
هل يُدعم Markdown بنكهة GitHub؟
يستخدم التحليل خيارات GFM وbreaks لأسطر جديدة، مناسبًا لصياغة README الشائعة.
لماذا يُنظَّف HTML؟
يقلل DOMPurify العلامات الخطرة لجعل المعاينة المباشرة في الصفحة أكثر أمانًا.
هل يُرفع Markdown؟
يعمل التحليل في متصفحك أثناء الكتابة؛ لا تحتاج حسابًا.