معاينة Markdown
اكتب Markdown وانظر معاينة HTML مباشرة بجانب بعضها.
يظهر Markdown المُعرض هنا في الوقت الفعلي.
معاينة Markdown — اكتب وراقب Markdown عبر الإنترنت مجانًا
اكتب Markdown في القسم الأيسر وانظر معاينة HTML مباشرةً على اليمين. أداة معاينة Markdown المجانية عبر الإنترنت تُظهر العناوين، النص المُميز، النص المائل، الروابط، الصور، كتل الكود، الجداول، القوائم وغيرها جميعها في الوقت الفعلي تمامًا داخل متصفحك.
ما هو Markdown؟
Markdown هي لغة تحديد خفيفة تم إنشاؤها من قِبل جون غروب في عام 2004. تستخدم Markdown تركيبًا نصيًا بسيطًا يُحول بسهولة إلى HTML وغيرها من التنسيقات. Markdown هي التنسيق القياسي لكتابة الملفات README على GitHub، والمواقع التعليمية، منصات المدونات، تطبيقات تدوين الملاحظات، والكتابة التقنية.
بدلاً من كتابة علامات HTML الخام مثل <h1> و <strong>، تكتب # عنوان و **مُميز**. هذا يجعل Markdown سهلًا للكتابة والقراءة حتى قبل التحويل. تدعم منصات مثل GitHub، GitLab، Stack Overflow، Reddit، Discord، و Notion Markdown بشكل أصلي.
معاينة Markdown الحية تسمح لك برؤية شكل النص المنسق تمامًا قبل نشره. هذا يزيل الغموض عند كتابة Markdown دون رؤية النتيجة ويُساعد في اكتشاف أخطاء التنسيق مبكرًا.
كيفية استخدام أداة معاينة Markdown هذه
استخدام الأداة سهل:
- اكتب أو لصق Markdown في لوحة المحرر الأيسر. يمكنك الكتابة من الصفر أو لصق محتوى Markdown موجود.
- انظر المعاينة الحية تُحدث فورًا في القسم الأيمن. كل مفتاح يُحفّز إعادة رسم فورية.
- استخدم أزرار الأداة للإدراج السريع للعناوين، النص المُميز، النص المائل، الروابط، الصور، كتل الكود، والقوائم.
- انسخ الإخراج HTML إذا كنت بحاجة إلى النص HTML الخام لنموذج بريد إلكتروني، CMS، أو مولد وثائق.
- انسخ مصدر Markdown لصقه في ملف README على GitHub، مقال مدونة، أو تطبيق تدوين الملاحظات.
الميزات المهمة
| الميزة | الفائدة |
|---|---|
| المعاينة الحية | رؤية الإخراج المنسق أثناء الكتابة — بدون تأخير |
| اختصصات الأداة | إدراج العناوين، النص المُميز، النص المائل، الروابط، والكود بضغطة واحدة |
| نسخ الإخراج HTML | الحصول على النص HTML الخام للاستخدام في البريد الإلكتروني، CMS، أو المواقع الثابتة |
| نسخ Markdown | استخراج مصدر Markdown للاستخدام على GitHub، المدونات، أو الملاحظات |
| دعم Markdown الكامل | العناوين، النص المُميز، النص المائل، الروابط، الصور، الكود، الجداول، القوائم، الاقتباسات |
| متوافق مع الوضع الداكن | تتكيف المعاينة تلقائيًا مع موضوعك |
| معالجة داخل المتصفح فقط | لا تُرسل أي بيانات إلى خادم — محتواك يبقى خاصًا |
على عكس أغلب أدوات تحرير Markdown عبر الإنترنت، لا تتطلب هذه الأداة حسابًا، أو تثبيتًا، أو رحلة إلى الخادم. لا يغادر محتواك متصفحك أبدًا.
الاستخدامات الشائعة
كتابة ملفات README على GitHub
كل مشروع مفتوح المصدر يحتاج إلى README واضح. اكتب Markdown هنا، وراقب التنسيق، وانسخ النتيجة مباشرة إلى مستودعك. يمكنك أيضًا استخدام مُحول JSON الخاص بنا لتفقيد أي مثال JSON تشمله في وثيقتك.
مسودة مقال مدونة
تستخدم العديد من منصات المدونات (Hugo، Jekyll، Ghost، Dev.to) Markdown للكتابة. اكتب مقالك هنا، وراقب التخطيط، وانسخ النسخة النهائية إلى CMS الخاص بك. إذا كنت بحاجة إلى تحويل حالة النص لعناوين، جرّب مُحول حالة النص الخاص بنا.
كتابة وثائق تقنية
غالبًا ما تستخدم الوثائق التقنية Markdown لبساطتها و portability. راقب وثيقتك قبل التزامك لضمان أن العناوين، كتل الكود، والجداول تُعرض بشكل صحيح.
تصميم نماذج قوالب البريد الإلكتروني
اكتب محتوى بريدك الإلكتروني بتنسيق Markdown، وانسخ الإخراج HTML، وصقه في مُصمم البريد الإلكتروني الخاص بك. هذا مفيد بشكل خاص للرسائل التحويلية والنشرات الإخبارية.
مرجع سريع لقواعد Markdown
# عنوان 1من خلال###### عنوان 6— ستة مستويات من العناوين**مُميز**و*مائل*— التنسيق الأساسي للنصوص[نص الرابط](الرابط)— روابط داخلية— الصور`كود داخلي`و كتل الكود الثلاثية — تنسيق الكود> اقتباس— نص مُقتبس- عنصرأو1. عنصر— القوائم غير المرقمة والمرقمة| العمود | العمود |— الجداول باستخدام رموز الأنابيب---— خط فاصل
نصائح لتحسين Markdown
- استخدم مستويات العناوين بشكل متسق. ابدأ بـ
#للعنوان، ثم##للأقسام، و###للفرعيات. تخطي المستويات (مثل الانتقال من#إلى###) يخلق هيكلًا مُربكًا. - أضف أسطر فارغة قبل وبعد القوائم وكتل الكود. تحتاج العديد من مُحللي Markdown إلى أسطر فارغة لتحديد العناصر المستوى العليا بشكل صحيح.
- راقب قبل النشر. تُعرض منصات مختلفة Markdown بشكل مختلف قليلاً. تحقق دائمًا من المعاينة قبل التزامك.
- استخدم كتل الكود مع علامات اللغة. كتابة
```javascriptبدلًا من```تُفعّل تلوين الكود على GitHub وأغلب منصات الوثائق. - احتفظ بالجداول بسيطة. الجداول المعقدة مع خلايا متعددة أو محتوى مُستقر لا تعمل بشكل جيد في Markdown. استخدم جداول HTML للهياكل المتقدمة.
الأسئلة الشائعة
هل هذه أداة معاينة Markdown مجانية للاستخدام؟
نعم. الأداة مجانية تمامًا، لا تتطلب حسابًا، ولا توجد قيود على الاستخدام. يتم إجراء كل معالجة في متصفحك.
هل الأداة تدعم Markdown المُعدلة من GitHub؟
نعم. تدعم الأداة Markdown القياسي بالإضافة إلى إضافات Markdown المُعدّلة من GitHub بما في ذلك الجداول، قوائم المهام، الخط المُقطّع، وكتل الكود المُحاطة بعلامات معينة مع تلوين الكود.
هل يمكنني نسخ الإخراج HTML؟
نعم. انقر على زر "نسخ HTML" لنسخ النص HTML الخام المُحول من Markdown الخاص بك. يمكنك لصقه في أي محرر HTML، نموذج بريد إلكتروني، أو CMS.
هل يُخزن محتواي أو يُرسل إلى خادم؟
لا. يتم إجراء كل تحليل Markdown وعرضه محليًا داخل متصفحك باستخدام مكتبة marked. لا يُرسل محتواك إلى أي خادم.
ما الميزات التي تدعمها الأداة؟
تدعم الأداة العناوين، النص المُميز، النص المائل، الخط المُقطّع، الروابط، الصور، الكود الداخلي، كتل الكود، الاقتباسات، القوائم المرقمة وغير المرقمة، الجداول، الخط الفاصل، وقوائم المهام.