esc
MD → HTML

تحويل ⁦Markdown⁩ إلى ⁦HTML⁩:
المحوّل

تحويل ⁦Markdown⁩ إلى ⁦HTML⁩ مجانًا وبخصوصية وفي لحظات.

⁦Markdown⁩ إلى PDF عكس الترتيب HTML → Markdown

كيفية تحويل تحويل ⁦⁦Markdown⁩⁩ إلى ⁦⁦HTML⁩⁩

  1. 01أضف ملفات ⁦Markdown⁩اختر الملفات أو أفلتها على الصفحة.
  2. 02التحويل على جهازكلا يُرفع أي شيء. عدّل الإعدادات إن أردت.
  3. 03تنزيلاحفظ كل ملف على حدة، أو كلها في ملف ⁦ZIP⁩ واحد.
شخصية ملف بنفسجية تتلاعب بالأقواس

ما هو ⁦Markdown⁩؟

نص عادي بعلامات تنسيق خفيفة. يُستخدم في ملفات ⁦README⁩ والملاحظات والوثائق.

MDنص عادي + علامات خفيفة
HTMLصفحة ويب

حوّل ملف ⁦Markdown (.md)⁩ إلى ⁦HTML:⁩ إما صفحة ويب كاملة بأنماط مدمجة نظيفة تُفتح في أي متصفح، وإما جزء ⁦HTML⁩ فقط للصقه في نظام إدارة محتوى أو أداة لتصميم الرسائل البريدية أو قالب. تتبع الأداة ⁦Markdown⁩ بنكهة ⁦GitHub⁩ وتعمل في متصفحك، فتبقى المسودات والوثائق الداخلية على جهازك.

صفحة كاملة أو جزء ⁦HTML⁩

إعداد «صفحة كاملة مع الأنماط» مفعّل افتراضيًا. تحصل على ملف .⁦html⁩ مستقل فيه ⁦doctype⁩ وترميز ⁦UTF-8⁩ ووسم ⁦viewport⁩ ليُقرأ جيدًا على الهواتف وعنوان للصفحة وورقة أنماط صغيرة: عمود مريح للقراءة بعرض نحو ⁦46rem⁩، وخط النظام، وعناوين وجداول وكتل كود تشبه ⁦GitHub⁩، وسمة داكنة عندما يكون جهاز القارئ مضبوطًا على الوضع الداكن.

يُؤخذ العنوان من أول عنوان #، مع حذف علامات التنسيق. وإن لم يكن في الملف عنوان كهذا، يُستخدم اسم الملف. تُعلَّم الصفحة بأنها بالإنجليزية (⁦lang⁩="⁦en⁩")، لذا غيّر ذلك في الملف إن كان نصك بلغة أخرى.

أوقف الإعداد لتحصل على ⁦HTML⁩ الجسم المحوَّل فقط، دون ⁦head⁩ أو عنوان أو أنماط. هذه هي النسخة التي تلصقها في ⁦WordPress⁩ أو أداة نشرات بريدية أو قالبك الخاص.

ميزات ⁦Markdown⁩ التي تتحول

  • العناوين، والخط العريض، والمائل، والروابط، والصور، والاقتباسات، والخطوط الأفقية، والقوائم المرقمة وغير المرقمة.
  • الجداول، بما في ذلك محاذاة الأعمدة: العمود :-: يُوسَّط.
  • قوائم المهام: - [⁦x⁩] و- [ ] تصبح مربعات اختيار (معروضة، لكنها غير قابلة للنقر).
  • ~~النص المشطوب~~، وعناوين الويب المجردة التي تصبح روابط تلقائيًا.
  • كتل الكود المحاطة. اللغة التي تذكرها (```⁦js)⁩ تبقى فئة مثل ⁦language-js⁩، لكن لا تُضاف ألوان للصياغة. أضف أداة تلوين مثل ⁦Prism⁩ أو ⁦highlight.js⁩ إن احتجت إليها.

ما الذي لا يتحول بالطريقة التي قد تتوقعها

  • البيانات التمهيدية (⁦front matter).⁩ كتلة --- في الأعلى فيها أسطر ⁦title:⁩ و⁦date:⁩ لا يُتعرَّف عليها. بل تتحول إلى خط أفقي وعنوان، لذا احذفها قبل التحويل.
  • الحواشي. علامات [^⁦1⁩] غير مدعومة وتتحول إلى روابط غريبة. أعد كتابتها نصًا عاديًا أو روابط.
  • فواصل الأسطر المفردة. الأسطر المتجاورة تندمج في فقرة واحدة. اترك سطرًا فارغًا لفقرة جديدة، أو أنهِ السطر بمسافتين أو بشرطة مائلة عكسية لفاصل سطر.
  • مراسي العناوين. لا تحصل العناوين على ⁦id⁩، لذا لن تنتقل روابط مثل #⁦installation⁩ إلى أي مكان، ولا يُنشأ جدول محتويات.
  • الصور. تبقى المسارات كما كُتبت ولا تُضمَّن الصور. أبقِ ملفات الصور بجوار ملف ⁦HTML⁩ ببنية المجلدات نفسها.
  • المعادلات الرياضية والمخططات وإضافات ⁦GitHub⁩ مثل مربعات التنبيه ورموز الإيموجي المختصرة والإشارات @ لا تُعرض. بل تبقى نصًا عاديًا أو كتل كود.

⁦HTML⁩ الخام يمر كما هو

⁦HTML⁩ المكتوب داخل ⁦Markdown⁩، مثل كتلة <⁦details⁩> أو <⁦div⁩>، يُنسخ إلى الناتج دون تغيير، بما في ذلك وسوم <⁦script⁩>: لا يُنقّى أي شيء. هذا مقبول لملفاتك الخاصة، لكن إن جاء ⁦Markdown⁩ من أشخاص آخرين وكان ⁦HTML⁩ سيُنشر على موقع ويب، فمرّره على أداة تنقية أولًا.

أداة ⁦HTML⁩ إلى ⁦Markdown⁩ تعمل في الاتجاه المعاكس. ولملف قابل للطباعة، أنشئ صفحة كاملة هنا ثم استخدم أداة ⁦HTML⁩ إلى ⁦PDF.⁩

نظرة سريعة

السعر
مجاني. بلا تسجيل وبلا علامة مائية.
الخصوصية
تُعالَج الملفات في متصفحك ولا تُرفع أبدًا.
يقبل
MD, MARKDOWN
ستحصل على
HTML
دفعة
حوّل ملفات كثيرة دفعة واحدة ونزّلها في ملف ⁦ZIP⁩
يعمل على
⁦Chrome⁩ و⁦Edge⁩ و⁦Firefox⁩ و⁦Safari⁩، على الهواتف والحواسيب
دون اتصال
بعد أول تحويل، يواصل العمل دون إنترنت

الأسئلة

هل تُرفع ملفاتي؟

أبدًا. يجري تحويل ⁦Markdown⁩ إلى ⁦HTML⁩ داخل متصفحك، فتبقى ملفاتك على جهازك.

هل يمكنني تحويل عدة ملفات دفعة واحدة؟

نعم. أضف ما تشاء من الملفات ونزّلها كلها في ملف ⁦ZIP⁩ واحد.

هل يوجد حد لحجم الملف؟

الملفات التي تبلغ عشرات الميغابايت لا مشكلة فيها على معظم أجهزة الكمبيوتر.

هل سيتحول ملف ⁦README⁩ من ⁦GitHub⁩ بشكل صحيح؟

في الغالب نعم. الجداول وقوائم المهام وكتل الكود والنص المشطوب تعمل. أما إضافات ⁦GitHub⁩ الخاصة مثل مربعات التنبيه ورموز الإيموجي المختصرة ومراسي العناوين فلا تعمل.

كيف ألصق النتيجة في ⁦WordPress⁩ أو نظام إدارة محتوى آخر؟

أوقف «صفحة كاملة مع الأنماط»، وافتح ملف .⁦html⁩ في محرّر نصوص، والصق محتواه في عرض ⁦HTML⁩ في نظام إدارة المحتوى.

هل يُلوَّن الكود حسب الصياغة؟

لا. تُنسَّق كتل الكود على أنها كود مع فئة للغة، لكن الألوان تحتاج إلى سكربت تلوين في الصفحة.