محرّر Markdown مع معاينة مباشرة

كيفية استخدام محرر Markdown

1. اكتب نص Markdown أو الصقه في مربع Markdown. تتحدّث المعاينة المجاورة له (أو أسفله على الهاتف) أثناء الكتابة.
2. استخدم أزرار التنسيق (عريض ومائل وعنوان ورابط وقائمة واقتباس وكود) لإحاطة النص المحدَّد بالرموز المناسبة، أو اضغط Ctrl+B / Ctrl+I (أو ⌘B / ⌘I على Mac).
3. أبقِ خيار GitHub Flavored Markdown (الجداول، وقوائم المهام، و\~\~الشطب\~\~، والروابط التلقائية) محدَّدًا لاستخدام صياغة GitHub، أو ألغِ تحديده لصياغة Markdown الأساسية على طريقة CommonMark.
4. عند الانتهاء، انقر نسخ HTML للصق الشيفرة في نظام إدارة محتوى أو قالب بريد إلكتروني، أو تنزيل .md لحفظ مصدر Markdown، أو تنزيل .html للحصول على صفحة ويب كاملة.

تعرض العدّادات أسفل المحرر الكلمات والأحرف في مستندك، ومدة القراءة التقديرية بمعدل 200 كلمة في الدقيقة. وتُعدّ الكلمات في النص المعروض، فلا تزيد رموز Markdown مثل # أو ** العدد.

الكتابة بالعربية

يكتشف مربع الكتابة اتجاه النص تلقائيًا، فتُكتب الفقرات العربية من اليمين إلى اليسار، وتُعرض المعاينة على صفحة عربية من اليمين إلى اليسار أيضًا، بما فيها العناوين والقوائم والجداول والاقتباسات. وتبقى صياغة Markdown نفسها برموزها اللاتينية: # للعناوين، و** للخط العريض، و- للقوائم، وتعمل أمام الكلمات العربية كما تعمل أمام الإنجليزية. وتُحسب الكلمة العربية المتصلة بسوابقها ولواحقها، مثل «وبالكتاب»، كلمة واحدة. ونصيحة عملية: اكتب الرموز في بداية السطر قبل النص العربي مباشرة، حتى لا يربكك العرض ثنائي الاتجاه في المحرر.

الحفظ التلقائي في متصفحك

مع تحديد الحفظ التلقائي في هذا المتصفح، تُحفظ مسودتك بعد لحظة من توقفك عن الكتابة، في التخزين المحلي لمتصفحك على هذا الجهاز. وعندما تعود، تُستعاد آخر مسودة. لا يُرسل أي شيء إلى خادم، ولذلك لا تنتقل المسودة معك إلى متصفح أو جهاز آخر. وفي التصفح الخاص، أو إذا كانت مساحة التخزين ممتلئة أو محظورة، تخبرك الأداة بأن الحفظ التلقائي غير متاح: نزّل نصك للاحتفاظ به. وإلغاء تحديد الخيار يحذف المسودة المحفوظة.

مرجع سريع لصياغة Markdown

• العناوين: # عنوان و## قسم و### قسم فرعي
• التوكيد: **عريض** و_مائل_ و~~مشطوب~~ (GFM)
• الروابط: [نص](https://example.com)؛ ومع GFM تتحول الروابط المكتوبة كما هي إلى روابط أيضًا
• الصور: ![وصف](data:image/png;base64,…)
• القوائم: - عنصر أو 1. عنصر؛ وقوائم المهام بـ - [ ] و- [x] (GFM)
• الاقتباسات: > نص مقتبس
• الكود: `مضمّن` أو كتلة بين سطرين من ثلاث علامات backtick
• الجداول (GFM): صف العناوين، ثم سطر | --- | --- |، ثم صف في كل سطر

أمان المعاينة والتصدير

قد يحتوي Markdown على HTML خام يمكن أن يخفي سكربتات. لذلك، في كل مرة تتحدّث فيها المعاينة، تُنظَّف شيفرة HTML الناتجة عن محرك Markdown بمكتبة DOMPurify قبل عرضها: تُحذف السكربتات، ومعالجات الأحداث مثل onclick، وروابط javascript:، والأنماط المضمّنة، والاستمارات، والإطارات، والوسائط المضمّنة. وتُفتح الروابط في علامة تبويب جديدة. وتُستخدم شيفرة HTML المنظَّفة نفسها في نسخ HTML وتنزيل .html، فيمكنك لصقها في صفحات أخرى بثقة.

لا تعرض المعاينة إلا الصور المضمّنة بروابط data: أو blob:. أما الصور البعيدة، مثل https://…/photo.jpg، فلا تُحمَّل أبدًا: تمنعها سياسة الأمان في هذه الصفحة، وهذا يعني أيضًا أن المعاينة لا يمكن استخدامها لتتبّعك. وتخبرك الأداة بعدد الصور التي لم تستطع عرضها. ويحتفظ ملف Markdown الذي تنزّله بروابط الصور الأصلية، فتعمل أينما نشرته.

وملف .html صفحة مستقلة مع ورقة أنماط صغيرة مدمجة (خطوط مقروءة، وجداول، وكتل كود، ووضع داكن). ويُؤخذ عنوانها من أول عنوان في مستندك، وهو الذي يسمّي الملفات المنزَّلة أيضًا.