محرر ومعاين نصوص ماركداون (Markdown) الحي

كتابة نصوص Markdown مع معاينة بصرية فورية وتحويلها إلى كود HTML نظيف.

محرر ومعاين نصوص ماركداون (Markdown) الحي

كتابة نصوص Markdown مع معاينة بصرية فورية وتحويلها إلى كود HTML نظيف.

كيف يعمل

1
أدخل النص أو الكود
اكتب أو الصق النص أو الكود أو البيانات مباشرة في مساحة الإدخال.
2
طبق المعالجة
شغل الأداة لتحويل النص أو تصفيته أو تنسيقه أو فحصه.
3
انسخ النتيجة
انسخ المخرجات المعالجة إلى الحافظة بنقرة واحدة.
مركز المفاهيم والمعرفة

محرر لغة ماركداون (Markdown Editor) والمعاينة الفورية وتنقية أكواد HTML

تُعد لغة ماركداون (Markdown) التنسيق النصي القياسي المفضل للمطورين والمدونين لإنشاء وثائق برمجية ومقالات تقنية غنية بالهيكلية وسريعة الإنجاز دون التشتت في تفاصيل وسوم HTML المعقدة. يدمج هذا المحرر الاحترافي بين واجهة كتابة سلسة وشاشة معاينة بصرية حية ثنائية الألواح، محولاً النص المصدري إلى كود HTML معتمد وفق معايير CommonMark و GitHub Flavored Markdown (GFM).

يوفر المحرر دعماً مدمجاً لكافة العناصر المتقدمة؛ بما فيها الجداول التفاعلية المهيكلة، وقوائم المهام والصناديق التفاعلية - [x]، والكتل البرمجية مع تلوين بناء الجملة الدلالي (Syntax Highlighting) لأكثر من 40 لغة برمجة. على سبيل المثال، بمجرد كتابة فقرة تتضمن كود بايثون وعناوين فرعية، يقوم المحلل اللغوي بتحويل الرموز في أقل من 5 مللي ثانية إلى شجرة DOM أنيقة، مع تفعيل ميزة التمرير المتزامن التلقائي (Synchronized Scrolling) بين لوح الكتابة ولوح المعاينة.

لضمان أعلى معايير الأمان الرقمي، يمرر كود HTML الناتج عبر مكتبة التنقية الصارمة DOMPurify لحجب أي محاولات لحقن نصوص برمجية خبيثة (XSS)، مع حفظ تلقائي للمسودات في التخزين المحلي (LocalStorage) لحماية أفكارك من الضياع عند إغلاق التبويب.

البنية الأساسية والمعادلة الرياضية

مسار المعالجة والتنقية: Markdown Source ➔ Marked.js AST Lexer ➔ DOMPurify.sanitize(HTML) ➔ Rendered DOM Node

تترجم النصوص من شجرة بناء الجملة (AST) إلى HTML، ثم تحذف وسوم السكربت وسمات onload التخريبية بواسطة DOMPurify قبل إدراجها في الشاشة.

أفضل الممارسات والإرشادات الأساسية

  • استخدام العناوين الهرمية المتسلسلة بانتظام: التزم بالترتيب المنطقي للترويسات (# لـ H1، و ## لـ H2، و ### لـ H3) لتحسين بنية المقال وسهولة فهرسته في محركات البحث.
  • الاستفادة من وسوم لغات البرمجة في الكتل النصية: حدد اسم اللغة بعد علامات الاقتباس الثلاثية (مثل ``javascript أو ``python) لتفعيل التلوين الدلالي الدقيق للكود.
  • تنسيق الجداول عبر فواصل الأسطر الموحدة: استخدم الخطوط الرأسية (|) مع تحديد المحاذاة بواسطة النقطتين (:-: للوسط، -: لليمين) للحصول على جداول نظيفة.
  • نسخ كود HTML الجاهز لنشره في منصات إدارة المحتوى: استخدم زر 'نسخ كود HTML' لنقل المقال المهيكل مباشرة إلى ووردبريس أو منصات النشر دون إعادة تنسيقه يدوياً.

الأسئلة الشائعة والأجوبة (FAQ)

هل يدعم المحرر جداول وقوائم مهام نسق جيت هاب (GFM)؟
نعم، يدعم المحرر مواصفة GitHub Flavored Markdown بالكامل؛ بما فيها جداول المقارنة، والتشطيب على النصوص (Strikethrough)، وقوائم الاختيار التفاعلية.
كيف تحمي مكتبة DOMPurify المدمجة من ثغرات حقن السكربتات (XSS)؟
تقوم بفحص شجرة كود HTML الناتج وإزالة أي أكواد جافا سكريبت أو وسوم خطيرة مثل <script> و <iframe> وسمات onerror قبل حقنها في المتصفح.
هل تُحفظ مسودتي النصية إذا أغلقت المتصفح أو انقطع التيار الكهربائي فجأة؟
نعم، تُحفظ مسودتك تلقائياً في ذاكرة التخزين المحلي (localStorage) للمتصفح في الوقت الحقيقي، وتسترجع بالكامل فور إعادة فتح الصفحة.
هل يمكنني تنزيل النص كمستند Markdown أو تصديره بصيغة HTML جاهزة؟
نعم؛ توفر الواجهة أزراراً فورية تتيح لك إما تنزيل الملف المصدري بصيغة (.md) أو نسخ وتنزيل كود الـ HTML الصافي الجاهز للدمج في المواقع.