تخطَّ إلى المحتوى الرئيسي

محول HTML إلى Markdown مجانًا

حوّل HTML إلى Markdown نظيف. يتعامل مع العناوين والقوائم والروابط والصور وكتل الكود والجداول والاقتباسات. مثالي لنقل المحتوى خارج أنظمة إدارة المحتوى (CMSes).

يعمل دون اتصال بعد التحميل

الصق HTML على اليسار؛ يظهر Markdown نظيفًا على اليمين. Markdown أبسط من HTML، لذا يُبسَّط التنسيق والنصوص البرمجية والجداول المعقدة أو يُحذف.

نصيحة: الصق النص المنسق المنسوخ من صفحة ويب أو Word أو Google Docs - يتم التقاط HTML تلقائياً.

مخرجات Markdown
ستظهر مخرجات Markdown هنا…

الاستخدامات الشائعة

  • ترحيل محتوى المدونة إلى Markdownتحويل مشاركات WordPress أو Medium القديمة أو CMS أخرى إلى Markdown لمولدات المواقع الثابتة.
  • تحويل محتوى البريد الإلكتروني إلى Markdownسحب النص من رسائل HTML أو مقالات الويب وتحويلها إلى Markdown بسيط لتطبيقات تدوين الملاحظات.
  • تحويل مستندات HTML إلى Markdownنقل توثيق HTML القديم إلى نظام توثيق قائم على Markdown (Docusaurus و GitBook و MkDocs).
  • تنظيف تصدير CMSتنظيف HTML الفوضوي المُصدَّر من CMS وتحويله إلى Markdown سهل التحكم في الإصدارات.
  • تحضير محتوى HTML لمحفزات LLMتحويل محتوى HTML إلى Markdown نظيف للاستخدام في محفزات ChatGPT أو Claude أو LLM أخرى.

كيف يعمل

بُني هذا المحول حول خط معالجة بتعبيرات نمطية مكتوب يدويًا دون أي تبعيات — لا تُستورد أي مكتبة خارجية. يعمل التحويل كله داخل متصفحك عبر استدعاء useMemo في React، ويتحدّث الإخراج مباشرة أثناء الكتابة.

  1. 1
    اكتشاف اللصق يعترض النص المنسّق
    يقرأ معالج ClipboardEvent نكهة text/html من الحافظة قبل أن يلصق المتصفح نصًا عاديًا. وهذا يعني أن اللصق مباشرة من صفحة ويب أو Google Docs أو Word يلتقط وسوم HTML الخام تلقائيًا — دون الحاجة إلى عرض المصدر أولًا.
  2. 2
    خط معالجة متعدد المراحل بالتعبيرات النمطية يزيل الوسوم ويحوّلها
    يشغّل المحول مراحل التعبيرات النمطية بترتيب صارم: يزيل أولًا <head> و<script> و<style> وتعليقات HTML، ثم يخبّئ كتل الكود المسوّرة خلف علامات بايت فارغ لمنع المراحل اللاحقة من إفساد محتوى الكود. وتعالج المراحل التالية العناوين (h1–h6)، والاقتباسات، والصور، والروابط، والعريض/المائل/المشطوب، والقوائم المرتبة وغير المرتبة، وجداول GFM الأساسية بالخطوط العمودية — تستهدف كل مرحلة عائلة وسوم محددة.
  3. 3
    فك الكيانات وتوحيد المسافات
    بعد إزالة كل الوسوم، تحلّ دالة decodeEntities المخصصة الكيانات المسمّاة (&amp; و&lt; وغيرها) إضافة إلى مراجع الأحرف الرقمية العشرية والست عشرية (&#39; و&#x27;) باستخدام String.fromCodePoint. تُستبدل نقاط الرموز المشوّهة أو الخارجة عن النطاق بحرف الاستبدال في Unicode بدلًا من إطلاق خطأ. ثم تُوحَّد المسافات الزائدة في نهايات الأسطر وتتابعات الأسطر الفارغة والمسافات البيضاء الزائدة.
  4. 4
    استعادة مقاطع الكود المحمية
    يُفكّ نظام العلامات (فهارس محاطة ببايت فارغ) أخيرًا، بعد اكتمال الإزالة والفك ودمج المسافات. وهذا يمنع فك تسلسلات الكيانات داخل الكود الحرفي مرتين — وهو خلل شائع في محولات HTML إلى Markdown البسيطة.

أدوات ذات صلة

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