معاينة Markdown المباشرة

هذه أداة قوية لمعاينة Markdown المباشرة مع التصيير في الوقت الفعلي وتمييز الصيغة.

الميزات الرئيسية

• ✨ معاينة في الوقت الفعلي - يتم التصيير فوراً، بدون انتظار
• 🎨 تمييز الصيغة - دعم للعديد من لغات البرمجة
• 📱 تصميم متجاوب - مثالي للأجهزة المحمولة وسطح المكتب
• 🌙 الوضع الداكن - يتكيف تلقائياً مع سمة النظام
• 📋 نسخ بنقرة واحدة - مشاركة سريعة للمحتوى

أمثلة الكود

مثال JavaScript

// عرض توضيحي لوظيفة المعاينة المباشرة
function updatePreview(markdown) {
  const html = marked.parse(markdown);
  document.getElementById('preview').innerHTML = html;
}

// الاستماع لتغييرات الإدخال
document.getElementById('input').addEventListener('input', (e) => {
  updatePreview(e.target.value);
});

مثال Python

# مثال معالجة Markdown
import markdown

def process_markdown(content):
    """معالجة محتوى Markdown"""
    html = markdown.markdown(
        content,
        extensions=['codehilite', 'tables', 'toc']
    )
    return html

# مثال الاستخدام
md_text = "# Hello World"
html_output = process_markdown(md_text)
print(html_output)

دعم الجداول

الميزة	الحالة	الوصف
العناوين	✅	دعم H1-H6
القوائم	✅	مرتبة وغير مرتبة، مع التداخل
الروابط	✅	اكتشاف تلقائي
الصور	✅	دعم الحجم
كتل الكود	✅	تمييز الصيغة
الجداول	✅	نمط GitHub

---

🎉 جرب إدخال محتوى Markdown على اليسار، وشاهده يتم تصييره في الوقت الفعلي على اليمين!