محول Markdown إلى HTML – محرر بمعاينة مباشرة

كيفية استخدام محول Markdown إلى HTML

1اكتب أو الصق نص Markdown في المحرر الأيسر، أو ابدأ من النموذج التجريبي.

2اترك خيار GitHub Flavored Markdown مفعلاً لدعم الجداول، وقوائم المهام، والنص المشطوب، وحدد خيار Line breaks إذا كنت تريد تحويل الأسطر الجديدة المفردة إلى فواصل أسطر.

3بدّل بين Preview و HTML لرؤية النتيجة النهائية أو الكود المُنشأ.

4انسخ كود HTML إلى موقعك، أو نظام إدارة المحتوى (CMS)، أو بريدك الإلكتروني، أو قم بتنزيل صفحة .html كاملة ومنسقة.

تحويل Markdown إلى HTML مع معاينة مباشرة

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

الميزات

معاينة مباشرة تتحدث أثناء الكتابة.
دعم GitHub Flavored Markdown: الجداول، وقوائم المهام، والنص المشطوب، والروابط التلقائية، وكتل الأكواد البرمجية.
فواصل أسطر اختيارية — تحويل الأسطر الجديدة الفردية إلى وسوم <br>.
مخرجات HTML نظيفة بدون أنماط مضمنة أو حاويات إضافية، جاهزة للنسخ واللصق في أي مكان.
تنزيل كصفحة كاملة مع ملف تنسيق (stylesheet) بسيط وسهل القراءة.
معاينة آمنة في إطار معزول يحظر تشغيل السكربتات.

دليل مرجعي لـ Markdown

Markdown	النتيجة
`# Heading 1` / `## Heading 2`	العناوين
`bold` / `italic`	عريض / مائل
`[link](https://example.com)`	رابط
`![alt text](image.png)`	صورة
`- item` أو `1. item`	قائمة نقطية أو رقمية
`> quote`	اقتباس
`code`	كود مضمن
``` في سطرين قبل وبعد الكود	كتلة كود
`---`	خط أفقي
`- [ ] task`	عنصر قائمة مهام (GFM)
`~~text~~`	نص مشطوب (GFM)

تُكتب الجداول باستخدام الخطوط العمودية (pipes) وصف فاصل من الشرطات. تُستخدم النقطتان الرأسيتان في الصف الفاصل لمحاذاة الأعمدة: :--- لليسار، :---: للوسط، و ---: لليمين.

الاستخدامات الشائعة

المدونات وأنظمة إدارة المحتوى (CMS) التي تقبل HTML وليس Markdown.
النشرات البريدية — اكتب بصيغة Markdown، ثم انسخ كود HTML والصقه في أداة البريد الإلكتروني.
معاينة ملفات README والوثائق قبل رفعها إلى GitHub أو GitLab.
تحويل الملاحظات من Obsidian أو ملفات Notion المُصدّرة أو تطبيقات Markdown الأخرى إلى صفحات ويب.
تعلم HTML من خلال رؤية وسوم HTML التي ينتجها كل عنصر في Markdown.

نصائح

اترك سطراً فارغاً بين الفقرات والقوائم والعناوين — لتجنب معظم مشاكل التنسيق المفاجئة.
أضف مسافة بادئة لعناصر القائمة المتداخلة بمقدار مسافتين أو أربع مسافات بشكل متناسق.
أضف اسم لغة البرمجة بعد علامات فتح كتلة الكود (على سبيل المثال ```js) حتى تتمكن أدوات تمييز الأكواد في موقعك من تلوين الكود.

لحساب عدد الكلمات في نصك، استخدم عداد الكلمات. أما للبيانات المهيكلة، فإن أداة تنسيق JSON تقوم بالتحقق من صحة JSON وتجميله.

الأسئلة الشائعة

ما هو Markdown؟

Markdown هو بناء جملة لتنسيق النصوص العادية، صُمم ليكون سهل القراءة والكتابة. يمكنك استخدام رموز مثل

ما هو GitHub Flavored Markdown (GFM)؟

GFM هو امتداد شائع الاستخدام لـ Markdown القياسي. يضيف الجداول، وقوائم المهام (- [ ] و - [x])، والنص المشطوب (~~text~~)، والروابط التلقائية لعناوين URL، وكتل الأكواد البرمجية. قم بإلغاء تفعيله إذا كنت بحاجة إلى مخرجات CommonMark دقيقة.

لماذا لا تظهر فواصل الأسطر المفردة في النتيجة؟

في Markdown القياسي، يُعامل السطر الجديد المفرد داخل الفقرة كمسافة؛ تحتاج إلى سطر فارغ لبدء فقرة جديدة، أو مسافتين في نهاية السطر لإدراج فاصل أسطر. حدد خيار فواصل الأسطر لتحويل كل سطر جديد إلى وسم <br>، تماماً كما هو الحال في تعليقات GitHub.

هل يتم الاحتفاظ بأكواد HTML الخام في Markdown؟

نعم. يسمح Markdown بإدراج أكواد HTML، ويتم تمريرها كما هي إلى النتيجة النهائية. تعمل المعاينة في إطار معزول يحظر البرامج النصية، لذا لا يمكن للمحتوى الملصق تشغيل أي أكواد على هذه الصفحة. إذا كنت تنشر أكواد HTML من مصادر غير موثوقة على موقعك، فتأكد من تنقيتها هناك.

هل يتضمن HTML أي تنسيقات؟

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