DevToolPal
ع

معاينة Markdown

اكتب Markdown وشاهده معروضًا مباشرةً بصيغة GitHub Flavored Markdown، ثم انسخ HTML الناتج.

يعمل محليًا، دون أي رفع

الخيارات

العرض

Markdown

0 حرف · 0 B

المعاينة

تظهر النتيجة هنا

ما الذي تفعله الأداة

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

بدّل العرض إلى HTML لترى الترميز المُنشأ، ثم انسخه أو نزّل صفحة HTML كاملة بتنسيق أساسي.

طريقة الاستخدام

  1. اكتب Markdown أو الصقه في حقل الإدخال، أو أفلت عليه ملف .md، أو انقر مثال.
  2. تتحدّث المعاينة أثناء الكتابة. ويعرض السطر الذي فوقها عدد الكلمات والعناوين والروابط.
  3. اختر المعاينة لرؤية الصفحة المعروضة، أو HTML لرؤية الترميز.
  4. استخدم نسخ HTML للصق النتيجة في نظام إدارة محتوى أو رسالة بريد إلكتروني، أو تنزيل HTML للحصول على ملف مستقل.

ورقة مرجعية سريعة لـ Markdown

ما تكتبهما تحصل عليه
# Titleعنوان من المستوى 1 (## للمستوى 2، حتى ######)
**bold** و_italic_غامق و_مائل_
[text](https://example.com)رابط
![alt](image.png)صورة
- item أو 1. itemقوائم نقطية أو مرقّمة
- [ ] todoمربع اختيار في قائمة مهام (GFM)
`code`شيفرة ضمن السطر
```js في سطر مستقلكتلة شيفرة مسوّرة مع تحديد اللغة
> quoteاقتباس كتلي
---خط أفقي

تستخدم الجداول الخطوط العمودية وصفًّا فاصلًا: | a | b | يليه | --- | --- |. الجداول امتداد من GitHub Flavored Markdown وليست جزءًا من CommonMark، لذا لا تُعرض إلا عند تفعيل GitHub Flavored Markdown؛ وعند إيقافه تظهر نصًّا عاديًّا بخطوطه العمودية.

مثال

## Highlights

- [x] Tables and task lists
- ~~Old API~~ removed

يُعرض كعنوان من المستوى الثاني يليه عنصر مهمة مُحدَّد وسطر مشطوب.

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

› ما صيغة Markdown المدعومة؟

CommonMark مع GitHub Flavored Markdown: الجداول، وقوائم المهام، والنص المشطوب، وكتل الشيفرة المسوّرة، والروابط التلقائية. أوقف GFM لترى كيف سيعرض مُصيِّر CommonMark صارم نصك.

› هل لصق Markdown يحتوي على HTML آمن؟

نعم. يسمح Markdown بـ HTML الخام، لذا تُعرض المعاينة داخل إطار معزول (sandbox) لا يمكن تشغيل السكربتات فيه. أما HTML الذي تنسخه فلا يُنقّى، لذا نظّفه قبل نشر محتوى غير موثوق على موقعك.

› لماذا لا يبدأ فاصل سطر واحد سطرًا جديدًا؟

في Markdown القياسي يُعامل السطر الجديد المنفرد كمسافة، والسطر الفارغ يبدأ فقرة جديدة. فعّل «فواصل الأسطر تصبح <br>» لعرض كل سطر جديد كفاصل سطر، كما يفعل GitHub في التعليقات.

› هل يُحفظ نصي؟

يُحتفظ بآخر إدخال لك في التخزين المحلي لهذا المتصفح حتى يبقى بعد إعادة التحميل. لا يُرفع أبدًا، ويمكنك مسحه بزر «مسح».