محرر Markdown ومعاينته
اكتب Markdown وعاينه وصدّره مع عرض مباشر وتلوين لبناء الجملة. مثالي للوثائق والملاحظات وصناعة المحتوى.
واجهة الأداة نفسها باللغة الإنجليزية حاليًا، وتعمل بالكامل داخل متصفحك.
جارٍ تحميل الأداة…
ما هو Markdown، ولماذا تفيد المعاينة المباشرة
Markdown نص عادي مع بضعة أعراف: السطر الذي يبدأ بـ # عنوان، والنص بين ** عريض، والسطر الذي يبدأ بـ - عنصر قائمة، وعلامات backtick تحدد الشيفرة. ولأنه مجرد نص، تظهر فروقه بوضوح في Git، ويُقرأ جيدًا في أي محرر، ويتحول إلى HTML متى احتجت صفحة منسقة. وهو الصيغة وراء ملفات README ومواقع الوثائق والمدونات الثابتة وتطبيقات المحادثة ومعظم أدوات تدوين الملاحظات.
والمشكلة أن الأعراف يسهل الخطأ فيها بشكل خفي: سطر فارغ ناقص يدمج قائمة في فقرة، وعلامة backtick غير مغلقة تبتلع بقية السطر. والمعاينة جنبًا إلى جنب تُظهر النتيجة المعروضة أثناء الكتابة، فتظهر الأخطاء فورًا. ويعرض هذا المحرر بمحلل marked ويلوّن كتل الشيفرة المسيّجة بمكتبة highlight.js، وهذا قريب مما تنتجه GitHub ومعظم مولّدات المواقع الثابتة.
لماذا أنشأنا هذه الأداة
يستخدم الناس محرر Markdown لصياغة ملف README قبل اعتماده، أو كتابة وثائق أو تدوينة لموقع ثابت، أو الاحتفاظ بملاحظات منظمة، أو تحويل كتابة سريعة إلى صفحة HTML يلصقونها في نظام إدارة محتوى أو بريد.
والمحررات المستضافة تحفظ عادةً كل ضغطة مفتاح على خوادمها، وهذا لا يناسب الوثائق الداخلية أو ملاحظات المنتجات غير المطلقة أو أي شيء تحكمه اتفاقية سرية. هذا المحرر يعمل بالكامل داخل متصفحك: العرض والتلوين والتصدير تجري على جهازك، والشيء الوحيد المحفوظ سجل تراجع في التخزين المحلي لهذا المتصفح.
نصائح وأخطاء شائعة
- اترك سطرًا فارغًا قبل القوائم والعناوين وكتل الشيفرة وبعدها؛ فمعظم مفاجآت العرض تأتي من سطر ناقص.
- أضف اسم لغة بعد السياج الافتتاحي، مثل ```js أو ```bash، لتُلوّن كتلة الشيفرة بشكل صحيح.
- استخدم القوالب الجاهزة (README، تدوينة، ملاحظات، وثائق API) كهيكل بدل البدء من صفحة فارغة.
- صدّر HTML حين تكون الوجهة صفحة ويب أو بريدًا؛ ونزّل ملف .md حين يذهب إلى Git أو أداة Markdown أخرى.
بداية سريعة: استخدام محرر Markdown ومعاينته
- اكتب Markdown أو الصقه في المحرر، أو حمّل قالبًا جاهزًا للبدء منه.
- استخدم شريط الأدوات أو Ctrl+B وCtrl+I لإضافة التنسيق والروابط والصور والقوائم والعناوين.
- بدّل بين العرض المقسوم والمعاينة الكاملة لتتحقق من النتيجة المعروضة.
- تراجع وأعد بحرية؛ وعدد الكلمات يتحدث أثناء الكتابة.
- صدّر ملف HTML مستقلًا أو نزّل Markdown كملف .md.
تحوّل محتوى موجودًا؟ أداة تحويل HTML إلى Markdown تعمل في الاتجاه الآخر، وأداة تحويل Markdown إلى HTML تحوّل ملفًا كاملًا بخطوة واحدة.
لماذا تستخدم محرر Markdown
Markdown لغة ترميز خفيفة تتيح لك كتابة محتوى منسق بنص عادي. وتُستخدم على نطاق واسع للوثائق وملفات README والتدوينات والملاحظات. وتقدّم هذه الأداة محرر Markdown كامل الميزات مع معاينة مباشرة وتلوين لبناء الجملة وإمكانات تصدير.
كيف يعمل
- اكتب محتواك في لوحة المحرر
- شاهد المعاينة المعروضة تتحدث مباشرة
- استخدم شريط الأدوات للتنسيق السريع
- صدّر عملك بصيغة HTML أو Markdown
الميزات
ميزات المحرر
- معاينة مباشرة: شاهد محتواك معروضًا مباشرة
- تلوين بناء الجملة: كتل الشيفرة ملونة بوضوح
- عدد الكلمات: تابع تقدمك
- عدد الأسطر والأحرف: اعرف إحصاءات مستندك
- التراجع والإعادة: سجل كامل (Ctrl+Z / Ctrl+Y)
شريط الأدوات
| الزر | الإجراء | الاختصار |
|---|---|---|
| B | عريض | Ctrl+B |
| I | مائل | Ctrl+I |
| S | يتوسطه خط | — |
<> |
شيفرة | — |
| " | اقتباس | — |
| 🔗 | رابط | — |
| 🖼️ | صورة | — |
| • | قائمة نقطية | — |
| 1. | قائمة مرقمة | — |
| # | عنوان | — |
خيارات التصدير
- HTML: صدّر كمستند HTML كامل مع التنسيقات
- Markdown: نزّل كملف .md
أوضاع العرض
- العرض المقسوم: المحرر والمعاينة جنبًا إلى جنب
- المعاينة فقط: أخفِ المحرر للتركيز على المحتوى المعروض
- المحرر الكامل: أخفِ المعاينة لكتابة دون تشتيت
ما الذي يمكنك فعله
- كتابة الوثائق: أنشئ ملفات README ووثائق
- تدوين الملاحظات: نسّق الملاحظات بالعناوين والقوائم والشيفرة
- كتابة التدوينات: صُغ المحتوى مع معاينة مباشرة
- إنشاء وثائق API: وثّق نقاط النهاية بأمثلة شيفرة
- التصدير إلى HTML: انشر محتواك كصفحة ويب
أسئلة شائعة
أي نكهة من Markdown تستخدمها المعاينة؟
تُعرض المعاينة بمكتبة marked، التي تتبع CommonMark وتدعم إضافات بأسلوب GitHub مثل كتل الشيفرة المسيّجة والجداول. وتُلوّن الشيفرة بمكتبة highlight.js.
هل يمكنني التصدير إلى HTML؟
نعم. يُنزّل تصدير HTML مستند HTML كاملًا ومستقلًا للصفحة المعروضة. ويمكنك أيضًا تنزيل المصدر كملف .md.
هل يُحفظ مستندي على خادم؟
لا. كل ما تكتبه يبقى في متصفحك. ويُحفظ سجل التعديل في التخزين المحلي لهذا المتصفح ليعمل التراجع، ويمكنك مسحه بضغطة واحدة.