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 تتم داخل متصفحك؛ ولا يغادر المصدر أو الناتج جهازك أبدًا.

أدوات ذات صلة

مولّد إعدادات Webpack

أنشئ ملف webpack.config.js لـ webpack 5 لمشاريع JavaScript الخالصة أو React أو Vue: مع TypeScript وBabel وCSS أو Sass والصور وHtmlWebpackPlugin وخادم التطوير وسطر npm install.

مرجع جدول ASCII

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

محوّل ترميز ملفات النصوص

حوّل النص بين UTF-8 وUTF-16 وLatin-1 وWindows-1252 وترميزات أخرى لإصلاح الأحرف المشوّهة.

مولّد ملف .gitignore

اجمع قواعد استبعاد المشروع لـ Laravel وNode.js وPython وRails. انسخ الناتج أو نزّل ملف ZIP يحتوي على .gitignore، مع إبقاء القواعد الشخصية منفصلة.

مولد ملف tsconfig.json

أنشئ ملف tsconfig.json نظيفا باختيار target وmodule وmoduleResolution وJSX وأعلام الصرامة الشائعة، ثم انسخ الإعداد المولّد إلى مشروعك.

مُحقق تنسيق XSD

قم بالتحقق من وثيقة XML وفقًا لمخطط XSD، وعرض أي اختلافات بين العناصر وأنواعها مع تحديد أرقام السطور بدقة.

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