Softonic

مُحوّل من ماركداون إلى HTML

خطوة 1 / 3
التالي

الصق نص ماركداون واحصل على HTML دلالي نظيف: من <h1> إلى <h6>، و<ul>، و<ol>، و<table>، و<pre><code> مع إبراز الصياغة، و<blockquote>، وروابط تلقائية للعناوين. اختر المستند الكامل (مع <html> و<head> وورقة أنماط بسيطة) أو الجزء المقتطع (محتوى الجسم فقط) حسب ما إذا كنت تدمجه في صفحة قائمة أو تُنشئ ملفًا مستقلاً.

كيفية تحويل مارك داون إلى HTML

  1. 1

    الصق نص ماركداون

    مستند كامل أو مقتطف؛ تُزال مقدمة YAML تلقائيًا إذا كانت موجودة.

  2. 2

    اختر مجموعة الامتدادات

    CommonMark فقط، أو GFM (الجداول، قوائم المهام، الروابط التلقائية)، أو GFM مع العبارات الرياضية.

  3. 3

    اختر وضع الإخراج

    جزء مخصص للإدراج، أو مستند HTML كامل يحتوي على الجزء الافتتاحي وأقل كمية من أكواد CSS.

  4. 4

    قم بنسخ أو تنزيل ملف HTML

    احصل على ملف HTML كنص أو حفظه كملف بتنسيق `.html`.

جدول التحويل

Markdown HTML
# Heading 1 <h1>Heading 1</h1>
**bold** <strong>bold</strong>
*italic* <em>italic</em>
`code` <code>code</code>
كود محاط بسياج مع تحديد اللغة <pre><code class="language-js">
- item <ul><li>item</li></ul>
1. item <ol><li>item</li></ol>
> quote <blockquote><p>quote</p></blockquote>
[text](url) <a href="url">text</a>
![alt](src) <img src="src" alt="alt">
--- <hr>
جدول GFM <table><thead>...</thead>...
- [x] done <input type="checkbox" checked disabled>

إبراز بنية الكود

تحصل كتل الكود المحاطة بسياج والمزوّدة بتلميح للّغة على السمة class="language-xxx" داخل عنصر <code>. كما يُدرِج المحوّل الناتج المُجزّأ من highlight.js مباشرةً عند تفعيل خيار “الإبراز المسبق”، وهو مفيد عندما لا تُحمّل الصفحة المستهدفة محرّك إبراز أثناء التشغيل.

المستند الكامل مقابل الجزء المقتطع

  • الجزء المقتطع هو محتوى HTML الداخلي فقط؛ يبدأ بالعنصر <h1> أو أيًّا كان العنصر الأول. الصقه في كتلة نظام إدارة محتوى (CMS) قائمة، أو في جسم رسالة بريد إلكتروني، أو في مكوّن واجهة أمامية.
  • المستند الكامل يغلّف الجزء المقتطع داخل <!DOCTYPE html> و<html> و<head> مع ورقة أنماط افتراضية صغيرة (تنسيق النصوص، كتل الكود، الجداول). احفظه بامتداد .html ليُفتح في أي متصفح دون الحاجة إلى ملفات إضافية.

CSS الداخلي مقابل CSS الخارجي

  • الأنماط الداخلية (مفتاح تبديل) تضع كل أكواد CSS مباشرةً على العناصر؛ مظهرها غير أنيق لكنها موثوقة تمامًا في قوالب البريد الإلكتروني.
  • الفئات (الوضع الافتراضي) تُبقي ملف HTML نظيفًا وتتوقّع أن تتولّى ورقة أنماط موقعك مهمة التنسيق.

ملاحظات حول إمكانية الوصول

  • تُعرَض العناوين كعناصر دلالية <h1>–<h6> مع الحفاظ على تسلسلك الهرمي؛ لا تتخطَّ أي مستوى في المصدر.
  • الصور بلا نص بديل تُنتج <img alt=""> (نص بديل فارغ مقصود للصور الزخرفية)؛ لكن أضِف نصًا بديلاً ما لم تكن الصورة زخرفية فعلاً.
  • تحصل الجداول على <thead> لصف العناوين، مما يحسّن التنقل عبر قارئات الشاشة.

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

نعم. يتم إرسال النص HTML الخام في المصدر مع إزالة علامات السكريبت وخصائص الأحداث منه. إذا كنت بحاجة إلى ناتج غير مُنظَّف (أي أنك تثق بالمحتوى المدخل)، فهناك خيار تحكم؛ لكن لا تستخدمه مع المحتوى الذي يقدمه المستخدمون.

تصبح قوائم مهام GFM (- [x]، - [ ]) عناصر من نوع <input type="checkbox" disabled>. ويمنع خاصية disabled حدوث تغييرات غير مقصودة في الحالة ضمن العرض المُعرض.

نعم – قم بتفعيل الأنماط المدمجة. يقوم المحول بإدراج خاصية النمط الأساسية بشكل مباشر في كل كتلة، وهو ما يحتاجه برامج البريد الإلكتروني (مثل Outlook وGmail) نظرًا لأنها تزيل كتل <style>.

قم بتفعيل التوسعة الرياضية، وضمن ذلك عرض الكتل $x^2$ أو $$...$$ عبر برنامج KaTeX. يقوم المحول بإخراج ملفات SVG أو HTML ثابتة دون الحاجة إلى استخدام MathJax أثناء التشغيل.

لا، عملية تحليل النص وتوليد ملفات HTML تتم داخل متصفحك؛ ولا يغادر المصدر أو الناتج جهازك أبدًا.

أدوات ذات صلة

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مرجع أحرف HTML

قائمة قابلة للبحث بكيانات HTML، مع رموزها المسمّاة والرقمية، بالإضافة إلى خيار النسخ بنقرة واحدة للأحرف والرموز الخاصة.

مرجع اختصارات لوحة المفاتيح

ابحث في الاختصارات الافتراضية الموثقة لـ VS Code وChrome وBash مع GNU Readline على macOS وWindows وLinux.

مدقق البريد الإلكتروني

تحقق من عنوان بريد إلكتروني: فحص صياغة RFC 5322، واستعلام حي عن سجل MX، بالإضافة إلى تفاصيل الجزء المحلي والنطاق والطول. لا يتم إرسال أي بريد.

عدّاد FPS

قِس معدل الإطارات FPS في المتصفح عبر requestAnimationFrame: تنعيم، وأدنى وأقصى معدل إطارات، وحد تنبيه، ورسم بياني اختياري. يعمل محليًا بلا رفع ملفات وبلا API.

مولد EditorConfig

أنشئ ملف .editorconfig بقواعد نمط المسافة البادئة وحجمها ونهاية السطر ومجموعة الأحرف والمسافات البيضاء، لتنسيق موحّد عبر بيئات التطوير المتكاملة (IDEs) والمحررات.

الأداة متاحة بلغات أخرى