ما هو محرر Markdown؟

محرر بلوحتين مع معاينة HTML فورية. يدعم GitHub Flavored Markdown: الجداول وقوائم المهام وكتل الكود مع تمييز بناء الجمل. صدّر كـ HTML أو انسخ الإخراج المُصيَّر.

العرض يستخدم محلّل Markdown على نمط GitHub، يدعم كتل الكود المسوَّرة مع تلميح اللغة (javascript وpython وcss وغيرها)، وقوائم المهام بحالة المربعات، والجداول بالعارضة، والحواشي، والشطب. شريط الأدوات يدرج صياغة العناوين، والعريض، والمائل، والروابط، والصور، والكود، والجداول في موضع المؤشّر. التصدير يُنتج ملف HTML قائماً بذاته بأنماط CSS مدمَجة، جاهزاً للإرفاق أو الرفع.

كيفية الاستخدام

  1. اكتب أو الصق محتوى Markdown في جزء المحرر الأيسر — تتحدث المعاينة في الوقت الفعلي على اليمين.
  2. استخدم شريط الأدوات للتنسيق السريع: غامق، ومائل، وعناوين، وروابط، وصور، وكتل كود، وجداول.
  3. صدّر مستندك بصيغة HTML نظيفة، أو انسخ المعاينة المُصيَّرة، أو نزّل ملف Markdown الخام.

متى تستخدم

  • كتابة ملف README أو دليل المساهمة ورؤية النتيجة المعروضة لحظة بلحظة.
  • كتابة منشور مدونة بصيغة Markdown قبل لصق ناتج HTML في نظام إدارة محتوى لا يدعم Markdown.
  • ترتيب ملاحظات اجتماع: عناوين للأقسام، قائمة مهام للإجراءات، جدول للقرارات.

النتيجة

تكتب ملف README لمشروع — تضيف عناوين وقائمة ميزات وكتلة كود بتمييز JavaScript وجدول تثبيت. المعاينة تعرض النتيجة أثناء الكتابة، ويمكنك تصدير HTML النهائي.

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

هل يدعم تظليل بناء الجمل داخل كتل الكود؟
نعم. كتل الكود المسوَّرة تقبل معرّف لغة بعد علامات التنصيص الخلفية (```javascript، ```python، ```bash، وهكذا)، وتطبّق المعاينة تنسيق highlight.js. اللغات غير المعروفة أو غير المحدَّدة تُعرض كنص ثابت العرض بلا ألوان.
هل يُحفظ نص Markdown إذا أعدتُ تحميل الصفحة؟
نعم. كل ضغطة مفتاح تُحفظ تلقائياً على جهازك، وتعود المسودة في زيارتك التالية للصفحة، حتى بعد إعادة التحميل أو إغلاق التبويب عن طريق الخطأ. يظهر شريط صغير لتأكيد تحميل مسودة محفوظة. اضغط إعادة التعيين (أو فرّغ المحرر) لمسح النسخة المحفوظة.
هل أستطيع لصق لقطة شاشة مباشرةً داخل المحرر؟
نعم. الصق صورة أو لقطة شاشة فتُضمَّن مباشرةً داخل المستند كرابط بيانات base64، مع إدراج صياغة صورة Markdown عند موضع المؤشر. لكن انتبه: روابط البيانات تجعل الملف كبير الحجم ولا تعرضها معظم المنصّات (ومنها ملفات README على GitHub)، لذا إن كنت ستشارك المستند فالأفضل رفع الصورة إلى استضافة ولصق رابطها داخل ‎![وصف](https://...)‎ ليبقى المصدر خفيفًا.
ما الفرق بين تصدير HTML ونسخ المعاينة المعروضة؟
تصدير HTML يُنتج وثيقة كاملة فيها <html> و<head> وأنماط CSS مدمَجة، ومحتواك بداخل <body>. أما نسخ المعاينة فيُعطي شظية HTML الداخلية فقط، وهي ما يُلصَق غالباً في CMS يضع محتواك داخل قالبه الخاص.
لماذا لا يظهر سطر التغذية المفرد في المعاينة؟
Markdown القياسي يعامل أسطر التغذية المفردة داخل الفقرة كانتقال ليّن. لفرض كسر السطر، أضف مسافتَين في نهاية السطر، أو اترك سطراً فارغاً لتبدأ فقرة جديدة. هكذا يتصرّف GitHub وأغلب مولِّدات المواقع الثابتة.

أدوات ذات صلة