أداة تحويل HTML إلى Markdown
الصق HTML واحصل على Markdown يحفظ البنية: العناوين، والغامق والمائل، والروابط، والصور، والقوائم، والاقتباسات، وكتل الشيفرة، والجداول البسيطة. تُحذف السكربتات والأنماط وأغلفة التخطيط، وتُظهر الصفحة مقدار قِصر الناتج. مجاني ودون تسجيل، ويُحلَّل HTML داخل متصفحك ولا يُرفَع أبدًا.
كيفية استخدام أداة تحويل HTML إلى Markdown
- 1. الصق HTML. تعمل المقاطع والصفحات الكاملة معًا، ويُحوَّل الجسم (body) فقط.
- 2. اضغط تحويل إلى Markdown. يظهر الـ Markdown أسفل المربع مع ثلاثة عدادات: أحرف HTML، وأحرف Markdown، ونسبة تقليص الحجم.
- 3. افحص الناتج. قارنه بالأصل، خاصة الجداول والقوائم المتداخلة (انظر الحدود أدناه).
- 4. انسخه. نسخ Markdown يضع النص في الحافظة، جاهزًا لملف README أو مولّد مواقع ثابتة أو تطبيق ملاحظات.
ماذا يصبح كل عنصر HTML
تحلّل الأداة HTML بمحلّل HTML الخاص بالمتصفح نفسه، وتمشي على شجرته، فيُصلَح الكود المعطوب بالطريقة التي يصلحه بها المتصفح. ثم يُربط كل عنصر بنظيره في Markdown:
| HTML | Markdown |
|---|---|
h1 إلى h6 | # إلى ###### متبوعة بنص العنوان |
p | فقرة مفصولة بأسطر فارغة |
br، hr | سطر جديد؛ و--- |
strong، b | **غامق** |
em، i | *مائل* |
code | النص محاط بعلامة backtick واحدة من كل جهة |
pre | كتلة مسيّجة بثلاث علامات backtick، دون وسم لغة |
a | [النص](العنوان) |
img |  |
ul، ol | شرطات - للقوائم النقطية، أو 1. 2. 3. مع إعادة ترقيم من 1؛ والقوائم الفرعية تُزاح بمسافتين لكل مستوى |
blockquote | كل سطر يبدأ بـ > |
table | جدول بخطوط عمودية؛ الصف الأول يصبح الترويسة |
div، span، section، وأي شيء آخر | يُفكّ: يُحذف الوسم وتبقى محتوياته |
script، style، head، meta، link، title، noscript، template، iframe | تُحذف مع محتوياتها |
مثال تطبيقي
HTML
<h1>Citation Basics</h1><p>Use <strong>APA</strong> or <em>MLA</em>; see the <a href="https://apastyle.apa.org">APA site</a>.</p><ul><li>Author</li><li>Year<ul><li>Month</li></ul></li></ul><table><tr><th>Style</th><th>Year</th></tr><tr><td>APA</td><td>7th</td></tr></table>
Markdown
عنوان # Citation Basics؛ وفقرة تقول Use **APA** or *MLA*; see the [APA site](https://apastyle.apa.org).؛ والقائمة - Author و- Year و- Month مُزاحة؛ ثم جدول بخطوط عمودية من عمودين، مع فواصل --- وصف واحد هو APA و7th.
العدادات
273 حرفًا من HTML، و159 حرفًا من Markdown، وتقليص بنسبة 42%.
لا يستطيع Markdown التعبير عن كل ما يستطيعه HTML، وهذه هي غايته: الناتج هو بنية المستند دون عرضه.
حدود ينبغي التحقق منها
- الجداول تُسطَّح. تُختزل كل خلية إلى نصها العادي، فتضيع الروابط والتنسيق داخل الخلايا، وتُهرَّب الأنابيب (pipes)، ولا تُفهم الخلايا المدمجة. وجداول الأنابيب امتداد لـ GitHub Flavored Markdown وليست جزءًا من CommonMark الأساسي، فتحقق من أن وجهتك تدعمها.
- بعض الوسوم المضمّنة تُحذف. التسطير والشطب والأس والأس السفلي ليس لها مكافئ في Markdown هنا، فيُحتفظ بنصها دون تنسيق.
- الأحرف الخاصة لا تُهرَّب. النجمة أو الشرطة السفلية الحرفية في نصك تُترك كما هي، وقد يقرؤها مُعرِض Markdown على أنها تأكيد (emphasis).
- القوائم المرقمة المتداخلة تُزاح بمسافتين لكل مستوى، وهذا ما تقبله معظم المعالجات، لكن بعضها يريد ثلاث مسافات تحت العلامة
1.. - الروابط والصور تحتفظ بعناوينها الأصلية، فتبقى المسارات النسبية نسبية.
أي أداة تحتاج؟
استخدم هذه الصفحة للإبقاء على البنية عند الانتقال من HTML إلى Markdown. وإذا أردت الكلمات فقط، فـأداة إزالة وسوم HTML تُخرج نصًا عاديًا. وفي الاتجاه المعاكس، يعرض Markdown to HTML Converter الـ Markdown، وأداة تحويل Markdown إلى نص تُجرّد Markdown إلى نص عادي. ولتنسيق HTML قبل تحويله، استخدم HTML Formatter.
الأسئلة الشائعة
- ما عناصر HTML التي تُحوَّل إلى Markdown؟
- العناوين والفقرات وفواصل الأسطر والخطوط الأفقية، والغامق والمائل، والشيفرة المضمّنة وكتل الشيفرة، والروابط والصور، والقوائم المرقمة وغير المرقمة، والاقتباسات، والجداول البسيطة. ويسرد الجدول أعلاه التطابق الدقيق.
- هل تتعامل الأداة مع القوائم المتداخلة؟
- نعم. تُزاح القوائم الفرعية بمسافتين لكل مستوى، وتُعاد ترقيم القوائم المرقمة من 1. وإذا كانت القائمة تبدأ برقم آخر في HTML، مثل
start="5"، فتُعاد ترقيمها من 1 أيضًا. - ماذا يحدث للوسوم التي لا تتعرف عليها الأداة؟
- تُفكّ: يُحذف الوسم ويُحتفظ بنصه. يختفي div أو span دون أثر، بينما تُحذف script وstyle والعناصر المشابهة مع محتوياتها.
- هل تستطيع تحويل جداول HTML؟
- الجداول البسيطة نعم: تصبح جداول أنابيب، مع الصف الأول كترويسة. أما الخلايا المدمجة والجداول المتداخلة، وكذلك الروابط أو التنسيق داخل الخلايا، فلا تُحفظ.
- هل تعمل على صفحة ويب كاملة؟
- نعم، لكنها تحوّل كل ما في الجسم، بما في ذلك قوائم التنقل والتذييلات، كنص عادي وروابط. وبالنسبة إلى مقال، الصق HTML المقال وحده.
- لماذا يبدو Markdown أبسط من الصفحة الأصلية؟
- يسجّل Markdown البنية، أي العناوين والتأكيد والروابط والقوائم، لا الألوان أو الخطوط أو التخطيط. وتُحذف أنماط CSS والنماذج والعناصر المضمّنة عمدًا.
- هل يُرفَع HTML الخاص بي إلى خادم؟
- لا. يعمل التحويل في متصفحك باستخدام DOMParser المدمج، وهو لا يُشغّل السكربتات في HTML الملصوق، ولا يغادر جهازك أي شيء تلصقه.