محوّل HTML إلى Markdown
حوّل HTML إلى Markdown نظيف داخل متصفّحك — جداول GFM وقوائم مهام وروابط. اختر عناوين ATX/Setext وروابط مضمّنة أو مرجعية. مثالي لترحيل محتوى الويب أو تغذية نماذج LLM. خصوصية 100% بلا رفع.
<bdi>CSS</bdi> مخصّص
ما هو تحويل HTML إلى Markdown؟
يأخذ تحويل HTML إلى Markdown مستند HTML معروضاً — الوسوم والسمات والتداخل الذي يعرضه المتصفّح — ويعيد كتابته كـ Markdown، التنسيق النصي العادي خفيف الوزن المبني للكتابة والتحكّم في الإصدارات. حيث يوسّع تحويل Markdown إلى HTML النص المدمج إلى ترميز للعرض، هذا هو الاتجاه المعاكس والاختزالي: تبدأ بـ HTML ثري مطوّل وتقطّره إلى مجموعة الاصطلاحات الصغيرة المقروءة التي يقدّمها Markdown.
خلف الكواليس يحلّل المحوّل HTML الخاص بك إلى شجرة DOM — بنية العقد ذاتها التي يبنيها المتصفّح — ثم يمشي تلك الشجرة ويُصدر مقابل Markdown لكل عقدة يتعرّف عليها. يصير <h2> هو ##، و<strong> يصير **text**، و<ul> يصير قائمة نقطية، و<a> يصير رابطاً، و<table> يصير جدول أنابيب GFM. اجتياز DOM حقيقي، بدلاً من تشغيل تعابير نمطية على السلسلة الخام، هو ما يتيح له التعامل مع القوائم المتداخلة والتنسيق المضمّن المختلط والجداول بصحة بدلاً من الانكسار عند الحالات الحدّية.
تلجأ لهذا التحويل حين تُهاجر خارج HTML، لا إليه. المحتوى المحبوس في نظام إدارة محتوى أو محرّر مرئي أو صفحة ويب قديمة أو حقل نص ثري يصعب مقارنته ومراجعته ونقله. تحويله إلى Markdown يحرّره إلى تنسيق يعيش بسعادة في مستودع Git أو مولّد مواقع ساكنة أو تطبيق ملاحظات — وبشكل متزايد، إلى تنسيق تقرؤه النماذج اللغوية الكبيرة بكفاءة. والمأخذ، الذي تذكره الأدوات الصادقة بوضوح، هو أن التحويل فاقد: يستطيع HTML التعبير عن أشياء لا يستطيعها Markdown، فبعض البنية وكل تفصيل تنسيق يُلقى عمداً مقابل نص نظيف قابل للنقل.
العملية المعاكسة — Markdown مجدداً إلى HTML، حين تكون مستعداً للنشر أو المعاينة — مفيدة بالقدر نفسه. بدّل إلى تبويب Markdown ← HTML أو افتح محوّل Markdown إلى HTML المخصّص.
HTML in:
<h2>Pricing</h2>
<p>Plans start at <strong>$9/mo</strong>. See the <a href="https://example.com/pricing">details</a>.</p>
<table>
<thead><tr><th>Plan</th><th>Price</th></tr></thead>
<tbody><tr><td>Pro</td><td>$9</td></tr></tbody>
</table>
Markdown out:
## Pricing
Plans start at **$9/mo**. See the [details](https://example.com/pricing).
| Plan | Price |
| ---- | ----- |
| Pro | $9 |
<!-- <div>, classes, and inline styles in the source are dropped — Markdown can't represent them. --> الميزات الرئيسية
مخرجات واعية بـ GFM
تستهدف GitHub Flavored Markdown، لا CommonMark عادياً فقط: تصير جداول HTML جداول أنابيب، وتصير عناصر قائمة خانات الاختيار قوائم مهام (- [x])، ويصير <del>/<s> هو ~~strikethrough~~. يُسقَط Markdown مباشرة في ملف README أو قضية GitHub أو موقع توثيق ويُعرض بالطريقة ذاتها.
عناوين ATX أو Setext
اختر عناوين ATX المسبوقة بعلامة تجزئة (# H1) أو عناوين Setext المُسطَّرة (=== لـ H1، --- لـ H2). يغطّي Setext المستويين الأعلى فقط، فيرتدّ المحوّل إلى ATX لـ H3 وما هو أعمق تلقائياً — فلا تحصل أبداً على عنوان غير صالح.
روابط مضمّنة أو مرجعية
بدّل بين الروابط المضمّنة — [text](url) بجوار النثر — والروابط المرجعية، التي تجمع كل رابط في قائمة مرقّمة في أسفل المستند. يُبقي النمط المرجعي الفقرات الكثيرة الروابط مقروءة ويتيح إعادة استخدام رابط بالتسمية.
كتل شيفرة محصورة
تصير كتلة <pre><code> كتلة شيفرة محصورة بثلاث علامات اقتباس خلفية، وتُحمَل فئة language- على عنصر <code> كسلسلة معلومات السياج. ويصير <code> المضمّن مدى علامات خلفية، فتنجو المقاطع سليمة في الرحلة.
يتعامل مع القوائم والجداول المتداخلة
يمشي DOM الحقيقي، فتتحول بنى <ul>/<ol> المتداخلة إلى قوائم Markdown مزاحة بصحة وتُعاد القوائم المرتّبة من 1. تتسطّح الجداول البسيطة إلى جداول أنابيب؛ والمعقّدة فعلاً ترتدّ إلى HTML خام بدلاً من فقدان البيانات.
خصوصية 100% داخل المتصفّح
يجري كل تحويل محلياً بـ JavaScript — لا يغادر HTML الخاص بك وMarkdown الناتج جهازك أبداً، ولا يصلان لخادم، ويعملان دون اتصال بعد تحميل الصفحة. آمن لصادرات أنظمة إدارة المحتوى الداخلية ومحتوى العملاء والصفحات غير المنشورة.
أمثلة
عنصر <table> ويب إلى جدول أنابيب GFM
<table>
<thead><tr><th>Region</th><th>Sales</th></tr></thead>
<tbody>
<tr><td>EMEA</td><td>1,204</td></tr>
<tr><td>APAC</td><td>980</td></tr>
</tbody>
</table> | Region | Sales | | ------ | ----- | | EMEA | 1,204 | | APAC | 980 |
ينطوي عنصر <table> منسوخ أو مكشوط في HTML إلى جدول أنابيب في GitHub Flavored Markdown. يصبح صف <thead> العنوان، ويُولَّد صف الفاصل المنقّط لك، ويصير كل <tr> سطراً واحداً مفصولاً بالأنابيب — جاهزاً للإسقاط في ملف README أو صفحة توثيق.
الروابط: نمط مضمّن مقابل مرجعي
<p>Read the <a href="https://example.com/guide">setup guide</a> and the <a href="https://example.com/api">API reference</a>.</p>
Inline: Read the [setup guide](https://example.com/guide) and the [API reference](https://example.com/api). Reference: Read the [setup guide][1] and the [API reference][2]. [1]: https://example.com/guide [2]: https://example.com/api
تُعرض الروابط ذاتها بطريقتين. يُبقي المضمّن الرابط بجوار النص؛ وينقل النمط المرجعي كل رابط إلى قائمة مرقّمة في الأسفل، ما يُبقي الفقرات الطويلة مقروءة حين تحمل جملة عدة روابط. اختر النمط بزر «الروابط».
عناصر <ul>/<ol> متداخلة إلى قوائم Markdown مزاحة
<ul>
<li>Build
<ol>
<li>Compile</li>
<li>Bundle</li>
</ol>
</li>
<li>Ship</li>
</ul> - Build 1. Compile 2. Bundle - Ship
يُحفظ التداخل بالإزاحة: يجلس <ol> الداخلي مسافتين تحت <li> الأب ويبدّل من تعداد - إلى ترقيم 1.. يعيد Markdown ترقيم القوائم المرتّبة تلقائياً، فيبقى المصدر نظيفاً حتى لو استخدم الـ HTML سمات قيمة صريحة.
قطعة من HTML صفحة ويب إلى Markdown نظيف
<article> <h1>Changelog</h1> <p>We shipped <strong>dark mode</strong> and fixed <code>parseDate()</code>.</p> <blockquote><p>Thanks to everyone who reported it.</p></blockquote> </article>
# Changelog We shipped **dark mode** and fixed `parseDate()`. > Thanks to everyone who reported it.
الصق شريحة من صفحة حقيقية — يُسقَط غلاف <article> (لا حاوية في Markdown)، ويصير <h1> هو #، و<strong> يصير **، و<code> المضمّن يصير علامات اقتباس خلفية، ويصير <blockquote> سطر >. الأغلفة البنيوية التي لا مقابل لها في Markdown تتساقط ببساطة.
كيفية تحويل HTML إلى Markdown
- 1
الصق HTML
أسقط صفحة ويب منسوخة، أو صادراً من نظام إدارة محتوى أو محرّر مرئي، أو مقطع HTML مكشوطاً. يُحلَّل DOM ويُسلسَل إلى Markdown في متصفّحك أثناء اللصق — بلا رفع ولا سقف حجم عدا ذاكرة متصفّحك.
- 2
اختر نمطي العناوين والروابط
اختر عناوين ATX (#) أو Setext (===) وروابط مضمّنة أو مرجعية. يُعاد عرض Markdown حيّاً، فتقارن الأنماط فوراً. تستهدف المخرجات GitHub Flavored Markdown — الجداول وقوائم المهام والشطب مشمولة.
- 3
انسخ أو نزّل
انقر «نسخ» لأخذ Markdown، أو «تنزيل» لحفظ ملف .md. للاتجاه الآخر، بدّل إلى تبويب Markdown ← HTML والصق Markdown للحصول على HTML معروض مجدداً.
الأخطاء الشائعة
توقّع نجاة بنية <div>/<span>
لا مقابل في Markdown للحاويات العامة، فتُكشَف — يبقى محتواها لكن الوسم وأي فئة أو نمط عليه يختفي. إن اعتمد تخطيطك على <div> ملفّ أو <span> منسّق، فذلك التنسيق زال في Markdown. هذا متوقّع لا خلل؛ ببساطة لا طريقة في Markdown للتعبير عنه.
<div class="callout warning"><span style="color:red">Heads up!</span></div> <!-- expecting the callout box and red colour to survive -->
Heads up! <!-- container and styles dropped; only the text remains in Markdown -->
فقدان فواصل أسطر <br> داخل الفقرات
<br> داخل فقرة هو فاصل سطر ليّن، يمثّله Markdown بمسافتين خلفيتين قبل السطر الجديد (أو بشرطة مائلة خلفية). لصق HTML وتوقّع نجاة فواصل الأسطر المرئية قد يفاجئك حين تنساب الأسطر المتجاورة إلى سطر واحد. يُصدر المحوّل صيغة الفاصل الصلب، لكن إن حرّرت يدوياً بعدها، فلا تجرّد المسافتين الخلفيتين.
Line one<br>Line two <!-- if the break form is removed, these merge into one line -->
Line one Line two <!-- two trailing spaces preserve the <br> as a hard break -->
تدهور الجداول المتداخلة بعمق
لا تستطيع جداول أنابيب GFM التداخل أو حمل محتوى كتلي. تخطيط قديم يضع جدولاً (أو قائمة أو فقرات متعددة) داخل خلية جدول لا يمكن أن يصير جدول أنابيب نظيفاً — يسطّح المحوّل ما يستطيع ويترك الباقي كـ HTML خام كي لا يُفقَد شيء. الإصلاح تبسيط المصدر، لا المخرجات.
<table><tr><td><table><tr><td>inner</td></tr></table></td></tr></table> <!-- nested table can't become a flat pipe table -->
<!-- Flatten to a single-level table first: --> <table><tr><td>inner</td></tr></table> → | inner | | ----- |
توقّع نجاة <script> أو الأنماط
<script> و<style> وعناصر مستوى الرأس شيفرة وعرض، لا محتوى مستند، فتُجرَّد بالكامل — لا تُحوَّل ولا تُحفَظ كـ HTML خام. لصق صفحة كاملة وتوقّع حمل السلوك أو الـ CSS إلى Markdown سيخيّب الظن. Markdown تنسيق محتوى؛ إن احتجت الشيفرة أو التنسيق، فأبقِ HTML.
<style>.x{color:blue}</style>
<script>track()</script>
<p>Body</p>
<!-- expecting the style and script to come through --> Body <!-- only the content survives; <script>/<style> are dropped -->
حالات الاستخدام الشائعة
- ترحيل محتوى ويب أو نظام إدارة محتوى إلى Notion أو Obsidian أو موقع ساكن
- اسحب الصفحات من نظام إدارة محتوى أو صادر WordPress أو موقع HTML قديم وحوّلها إلى Markdown يُسقَط مباشرة في Notion أو Obsidian أو Hugo أو Jekyll. تستبدل الترميز المطوّل بنص قابل للنقل يعيش بنظافة في مستودع Git ويقارَن بمنطقية في المراجعة.
- التصدير من محرّر مرئي
- تُصدر محرّرات النص الثري HTML كثيف السمات. الصق ذلك الإخراج هنا لاسترداد Markdown النظيف تحته — عناوين وقوائم وروابط وتوكيد — كي ينتقل المحتوى إلى خط أنابيب توثيق أو قاعدة معرفة قائمة على Markdown بدلاً من بقائه محبوساً في المحرّر.
- تنظيف HTML إلى Markdown لتغذية نماذج LLM وخطوط RAG
- يحرق HTML الخام الرموز على الوسوم والنصوص البرمجية والتنسيق التي لا يحتاجها النموذج أبداً. تحويل صفحة مكشوطة إلى Markdown يجرّد ذلك الضجيج مع الإبقاء على البنية التي يقرؤها LLM جيداً، فتُلائم محتوى حقيقياً أكثر في نافذة السياق وتحصل على تضمينات أنظف للاسترجاع.
- تحويل لصق نص ثري إلى Markdown
- انسخ نصاً منسّقاً من صفحة ويب أو بريد أو مستند فيصل كـ HTML على الحافظة. الصقه هنا لتحويل ذلك النص الثري إلى Markdown يمكنك الالتزام به أو إرساله في طلب سحب أو كتابته في ملاحظاتك — التنسيق محفوظ والفوضى زالت.
- أرشفة صفحة كـ Markdown
- احفظ المحتوى ذا المعنى لصفحة ويب كملف .md صغير صامد للمستقبل بدلاً من لقطة HTML ثقيلة مليئة بالنصوص البرمجية والتتبّع. يبقى Markdown مقروءاً في أي محرّر نصوص بعد عقود ويأخذ جزءاً يسيراً من المساحة.
- تحويل توثيق HTML القديم إلى Markdown
- التوثيق القديم المكتوب كـ HTML مكتوب يدوياً مؤلم في الصيانة. حوّله إلى Markdown لإدخاله في سير عمل حديث «توثيق ككود» — حيث يمكن تدقيقه ومراجعته في طلبات السحب وعرضه بمولّد مواقع ساكنة.
تفاصيل تقنية
- مخرجات CommonMark مقابل GitHub Flavored Markdown
- يستطيع المحوّل استهداف CommonMark عادياً أو، افتراضياً، مجموعة GitHub Flavored Markdown الفائقة. يحدّد CommonMark العناوين والتوكيد والقوائم والروابط والصور والشيفرة والاقتباسات بدقة. ويضيف GFM أربعة تراكيب تنطبق مباشرة من HTML الشائع: <table> ← جدول أنابيب، وعناصر قائمة خانات الاختيار ← قوائم مهام، و<del>/<s> ← شطب، والروابط العارية ← روابط تلقائية. ولأن معظم محتوى الويب يستخدم الجداول وما شابهها، فمخرجات GFM هي الافتراضي العملي؛ اختر CommonMark فقط حين لا يفهم العارض الوجهة امتدادات GFM، وفي تلك الحالة ترتدّ الجداول إلى HTML خام.
- تحويل فاقد لا رجعة فيه — مذكور بوضوح
- HTML أكثر تعبيراً بشكل صارم من Markdown، فلا يمكن أن يكون التحويل بلا فقدان، ويستحق الصراحة في ذلك. لا صياغة في Markdown لـ <div> أو <span> أو حاويات عامة أخرى؛ ولا طريقة لحمل أسماء الفئات أو id أو style المضمّن أو colspan/rowspan أو سمات data-* اعتباطية؛ ولا تمثيل لمعظم العناصر الدلالية أو التخطيطية. تلك تُكشَف (المحتوى محفوظ والوسم مُسقَط)، أو تُلقى (السمات)، أو — حين يفقد الإسقاط المعنى — تُحفَظ كـ HTML مضمّن خام. رحلة دائرية HTML ← Markdown ← HTML لن تعيد إنتاج الأصل. هذه مقايضة مقصودة: وُجد Markdown ليكون نظيفاً قابلاً للمقارنة والتحرير اليدوي، لا ليعكس HTML. يتجاوز معظم المنافسين هذا؛ وذكره يتيح لك القرار بعينين مفتوحتين.
- مقايضات النمط: ATX/Setext ومضمّن/مرجعي ومحصور/مُزاح
- لثلاثة خيارات إخراج مقايضات حقيقية. تغطّي عناوين ATX (#) المستويات الستة كلها وتُبحَث بنظافة؛ وSetext (المُسطَّر) لا يوجد إلا لـ H1/H2، فتُصدره الأداة للمستويين الأعلى وترتدّ إلى ATX أسفلهما. تُبقي الروابط المضمّنة الرابط بجوار النص — الأفضل للروابط القليلة؛ وتسحب الروابط المرجعية الروابط إلى أسفل المستند — الأفضل للنثر الكثيف الروابط وإعادة الاستخدام بالتسمية. للشيفرة، تحمل الكتل المحصورة (ثلاث علامات خلفية) سلسلة معلومات لغة وتتداخل بأمان، بينما لا تستطيع كتل الشيفرة المُزاحة (أربع مسافات) التعبير عن لغة وتنكسر داخل القوائم — فيُصدر هذا المحوّل دائماً كتلاً محصورة من <pre><code>.
أفضل الممارسات
- نسّق HTML قبل التحويل
- يتحوّل HTML المصغّر أو المتشابك بعمق — خاصة جداول التخطيط المتداخلة والعناصر المضمّنة الشاردة — بنظافة أكبر حين يكون حسن التكوين أولاً. مرّر المصدر الفوضوي عبر منسّق HTML لدينا لطباعته وتطبيعه، ثم حوّل. المدخل النظيف يثمر Markdown نظيفاً بارتدادات HTML خام أقل.
- توقّع الإسقاطات الفاقدة وراجعها
- عامل التحويل كفاقد بحكم التصميم. تزول الفئات والأنماط المضمّنة وأغلفة <div>/<span> والسمات الغريبة في المخرجات، وهذا عادةً ما تريده لـ Markdown قابل للنقل — لكن تصفّح النتيجة بحثاً عن أي شيء مهم دلالياً عاش فقط في سمة (aria-label أو خلية مدموجة بـ colspan) وأعده يدوياً إن كان يهمّ.
- اختر نمط الرابط بحسب كثافة المستند
- استخدم الروابط المضمّنة للنثر برابط هنا وآخر هناك — يبقى الرابط بجوار نصه ويُقرأ المصدر بطبيعية. بدّل إلى الروابط المرجعية حين يكون قسم كثير الروابط أو يعيد استخدام الروابط ذاتها: سحبها إلى قائمة مرقّمة في الأسفل يُبقي الفقرات قابلة للمسح ويتجنّب تكرار الروابط الطويلة.
- حوّل إلى Markdown قبل إرسال الصفحات إلى نموذج LLM
- حين تغذّي محتوى ويب لنموذج — لموجّه أو تضمين أو مخزن RAG — حوّل HTML إلى Markdown أولاً. تجرّد الوسوم والنصوص البرمجية والتنسيق الذي يهدر الرموز ويضيف ضجيجاً، وتُبقي البنية التي يستخدمها النموذج فعلاً، وتُلائم محتوى حقيقياً أكثر بكثير داخل نافذة السياق.
- تحقّق من الجداول المعقّدة بعد التحويل
- جداول أنابيب GFM مسطّحة — لا جداول متداخلة ولا محتوى كتلي في الخلايا ولا خلايا مدموجة. بعد تحويل جدول كثيف البيانات أو تخطيطي، تحقّق من Markdown: تتحوّل الشبكات البسيطة بإتقان، لكن أي شيء بـ colspan أو كتل متداخلة يتدهور وقد يظهر كـ HTML خام. بسّط جدول المصدر أولاً إن كان جدول أنابيب نظيف يهمّ.
الأسئلة الشائعة
كيف تُعالَج الروابط المضمّنة مقابل المرجعية؟
عناوين ATX مقابل Setext — أيّهما أستخدم؟
ماذا يحدث للـ HTML الذي لا يستطيع Markdown تمثيله، مثل <div> و<span>؟
هل يجرّد <script> والأنماط؟
كيف تُعالَج الجداول والقوائم المتداخلة؟
هل تحويل HTML إلى Markdown بلا فقدان؟
هل يمكنني تغذية Markdown لنموذج LLM أو ChatGPT؟
هل تُرفع ملفاتي إلى خادم؟
هل تعمل دون اتصال؟
هل يمكنني تحويل Markdown مجدداً إلى HTML؟
أدوات ذات صلة
عرض جميع الأدوات →محوّل Base64 — ترميز وفك ترميز أونلاين
الترميز والتنسيق
رمّز وفك ترميز Base64 مجاناً أونلاين — محوّل فوري مع دعم UTF-8 والرموز التعبيرية. خصوصية 100% — يعمل في متصفّحك. جرّبه الآن.
محوّل Base64 إلى صورة أونلاين
الترميز والتنسيق
فك ترميز سلسلة Base64 أو عنوان URI للبيانات إلى صورة داخل متصفّحك. عاين واقرأ الأبعاد ونوع MIME ثم نزّل كـ PNG أو JPG أو GIF أو SVG. بلا رفع.
محوّل CSV إلى JSON
الترميز والتنسيق
حوّل CSV إلى JSON في متصفحك. RFC 4180، استنتاج الأنواع، صف العنوان، أمان الأعداد الكبيرة. خصوصية 100%.
محوّل الصور إلى Base64 أونلاين
الترميز والتنسيق
حوّل الصور إلى عناوين URI للبيانات بصيغة Base64 داخل متصفّحك — PNG وJPG وGIF وWebP وSVG وICO. انسخ مخرجات HTML وCSS وMarkdown وJSON. خصوصية 100% بلا رفع.
JSON Diff مقارنة
الترميز والتنسيق
قارن ملفي JSON فوراً في متصفحك. عرض جنباً إلى جنب مع تمييز الفروق، وإخراج JSON Patch (RFC 6902)، وتجاهل الحقول المزعجة كالطوابع الزمنية والمعرّفات. خصوصية تامة، بدون رفع ملفات.
منسق JSON — التحقق والضغط وإصلاح الأخطاء
الترميز والتنسيق
نسّق JSON وتحقّق من صحته وأصلح الأخطاء فوراً — محرّر مجاني أونلاين يعمل في متصفّحك. يدعم الضغط والتجميل والتحويل. جرّبه الآن.