معاينة Markdown

اكتب صيغة Markdown في جانب وشاهدها تُعرض مباشرة في الجانب الآخر — العناوين، والخط الغامق، والمائل، والقوائم، وكتل الشيفرة، والروابط، كلها تُعاين فورًا داخل متصفحك.

هل ساعدتك هذه الأداة؟

ما هي معاينة Markdown؟

Markdown هي صيغة تنسيق خفيفة تقف خلف ملفات README ومقالات المدونات ورسائل الدردشة والوثائق وأماكن لا حصر لها أخرى حيث تريد تنسيقًا بسيطًا وسهل القراءة دون كتابة HTML مباشرة. ونظرًا لأن Markdown نص عادي، فمن السهل كتابته في أي مكان — لكن من السهل أيضًا ارتكاب خطأ بسيط في الصيغة دون ملاحظته حتى بعد النشر. تقوم هذه المعاينة بعرض Markdown أثناء الكتابة، جنبًا إلى جنب مع المصدر، بحيث يمكنك اكتشاف أخطاء التنسيق فورًا — مسافة ناقصة بعد #، أو سور كود غير مغلق، أو قائمة لم تنفصل عن الفقرة التي فوقها — قبل الالتزام بملف README أو نشر مقال أو إرسال رسالة منسَّقة.

متى تستخدم هذه الآلة الحاسبة

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

الخطوات:

اكتب أو الصق صيغة Markdown الخاصة بك في اللوحة اليسرى.
شاهد معاينة HTML المعروضة تتحدث فورًا في اللوحة اليمنى.
عدّل صيغتك حتى تطابق المعاينة ما تقصده.
انسخ مصدر Markdown النهائي بمجرد رضاك عن النتيجة.

الصيغة

# عنوان →

عنوان

**غامق** → غامق *مائل* → مائل `شيفرة` → شيفرة [نص](رابط) → نص - عنصر →

عنصر

حالات الاستخدام

معاينة ملف README على GitHub أو GitLab قبل الالتزام به
صياغة رسائل منسَّقة لتطبيقات Slack أو Discord أو غيرها من تطبيقات الدردشة الداعمة لـ Markdown
التحقق من تنسيق مقال مدونة أو وثيقة قبل النشر
تعلّم صيغة Markdown من خلال التجريب ورؤية النتائج فورًا
تحويل مقتطف قصير من Markdown إلى HTML بسرعة للصقه في مكان آخر

الفوائد الرئيسية

شاهد صيغة Markdown الخاصة بك معروضة فورًا، جنبًا إلى جنب مع المصدر
ارصد أخطاء الصيغة قبل النشر في أي مكان
تعمل بالكامل دون اتصال داخل متصفحك — لا يُرفع أي شيء
مجانية، بلا تسجيل، وبلا حدود لحجم الملف في الاستخدام النموذجي

نصائح احترافية

أضف سطرًا فارغًا قبل القوائم وكتل الشيفرة وبعدها للحصول على أكثر عرض موثوقية عبر محللات Markdown المختلفة
استخدم نجمتين مزدوجتين للخط الغامق ونجمة واحدة (أو شرطة سفلية) للمائل لتجنب أي التباس
عاين أولًا في هذه الأداة، ثم تحقق من المنصة المستهدفة (GitHub أو Slack وغيرها) لأن بعضها يدعم صيغًا إضافية مثل الجداول
حافظ على تسلسل العناوين (لا تنتقل من # إلى ### مباشرة) لبنية مستند أفضل وسهولة وصول أعلى

الأخطاء الشائعة التي يجب تجنبها

نسيان السطر الفارغ المطلوب بين فقرة وقائمة تليها
إغفال المسافة بعد رموز # في العناوين، مما يمنع عرضها
ترك كتلة شيفرة (```) دون إغلاق، مما يجعل بقية المستند بأكمله يُعامَل كشيفرة
استخدام نجمة واحدة للخط الغامق بدلًا من نجمتين، مما ينتج عنه خط مائل بدلًا من ذلك

شرح المصطلحات الأساسية

CommonMark: مواصفة موحّدة لصيغة Markdown، صُممت لتقليل التناقضات
GFM: صيغة GitHub-Flavored Markdown، وهي لهجة موسّعة تدعم الجداول وقوائم المهام
كتلة الشيفرة (Code fence): كتلة محددة بعلامات اقتباس عكسية ثلاثية (```) تُستخدم لتنسيق الشيفرة متعددة الأسطر
التنسيق المضمّن (Inline formatting): تنسيق يُطبَّق ضمن سطر واحد، مثل *مائل* أو `شيفرة`، بخلاف عناصر الكتلة

مفاهيم ذات صلة

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

مثال

كتابة "## مرحبًا\n\nهذا **غامق** وهذا *مائل*." تُعرَض كعنوان من المستوى الثاني متبوعًا بفقرة تحتوي على نص غامق ومائل.

تفسير نتائجك

تعرض اللوحة اليسرى نص Markdown الخام الخاص بك، بينما تعرض اللوحة اليمنى النص المنسق كـ HTML في الوقت الفعلي. كل ضغطة مفتاح تُحدِّث المعاينة فورًا، بحيث ترى تأثير كل عنصر من عناصر الصيغة مباشرة. غالبًا ما تعود مشكلات العرض الشائعة إلى المسافات. يلزم وجود سطر فارغ بين فقرة وقائمة تليها في معظم محركات العرض. وتحتاج العناوين إلى مسافة بعد رموز #. كما يجب أن تكون كتل الشيفرة (```) على سطر مستقل حتى يُفعَّل عرض الكتلة. المعاينة قريبة جدًا من كيفية ظهور Markdown على معظم المنصات (GitHub و Slack و Discord وغيرها)، لكن لكل منصة محرك عرض خاص بها مع اختلافات طفيفة. تحقق دائمًا بشكل نهائي من المنصة المستهدفة لأي شيء يتجاوز التنسيق الأساسي.

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

ما صيغة Markdown التي تدعمها هذه الأداة؟

العناوين (# إلى ######)، والخط الغامق (**نص**)، والمائل (*نص*)، والشيفرة المضمّنة (`شيفرة`)، وكتل الشيفرة (```)، والروابط ([نص](رابط))، والقوائم النقطية (- عنصر)، والقوائم المرقّمة (1. عنصر)، والاقتباسات (> نص).

هل يُحفظ محتواي أو يُرفع إلى أي مكان؟

لا. يتم تحليل كل شيء وعرضه بالكامل داخل متصفحك باستخدام JavaScript. لا يُرسل أي شيء تكتبه إلى أي خادم، ولا يُخزَّن، ولا يُسجَّل.

لماذا لا تظهر تنسيقاتي بشكل صحيح؟

تتطلب Markdown صيغة دقيقة — فعلى سبيل المثال، يلزم وجود سطر فارغ بين فقرة وقائمة تليها حتى تفصل بينهما كثير من محركات العرض بشكل صحيح، وتحتاج العناوين إلى مسافة بعد رموز #. تحقق من عدم وجود مسافات أو فواصل أسطر مفقودة حول التنسيق الذي تستخدمه.

هل يمكنني استخدام هذه الأداة لمعاينة ملف README على GitHub قبل الالتزام بالتغييرات؟

نعم، بالنسبة لعناصر Markdown الشائعة التي تدعمها هذه الأداة. يدعم محرك عرض GitHub بعض إضافات GitHub-Flavored Markdown الإضافية (مثل الجداول وقوائم المهام) التي لا تتضمنها هذه المعاينة الخفيفة، لذا يُنصح دائمًا بالتحقق من العرض النهائي على GitHub نفسه لأي شيء يتجاوز الصيغة الأساسية.

What Markdown syntax does this tool support?

Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).

Is my content saved or uploaded anywhere?

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

ما الفرق بين Markdown و HTML؟

Markdown هي لغة ترميز خفيفة يسهل كتابتها وقراءتها كنص عادي. أما HTML فهي لغة ترميز كاملة بصيغة أكثر تعقيدًا. وغالبًا ما يُحوَّل Markdown إلى HTML لعرضه. تعرض هذه الأداة Markdown كـ HTML في الوقت الفعلي.

How do I create a table in Markdown?

لا يدعم Markdown القياسي الجداول، لكن يدعمها GitHub-Flavored Markdown. استخدم أنبوب (|) للفصل بين الأعمدة وشرطات للفاصل الخاص برأس الجدول. لا تعرض هذه المعاينة الجداول — تحقق من العرض النهائي على المنصة المستهدفة.

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

أدوات ذات صلة

استكشف المزيد من الأدوات

حاسبة نسبة العرض إلى الارتفاع

حاسبة النطاق الترددي

حاسبة وقت التحميل

حاسبة تكلفة الاستضافة السحابية

حاسبة تكلفة شبكة توصيل المحتوى

حاسبة أرباح واجهة برمجة التطبيقات

معاينة Markdown

Markdown

المعاينة

Hello World

Type markdown on the left and see it rendered here.

Live preview
No sign-up
Runs entirely in your browser

Nothing you type ever leaves your device.


console.log("code blocks work too")

يتم عرض كل شيء محليًا داخل متصفحك — لا يُرسل أي شيء تكتبه إلى أي جهة على الإطلاق.

هل ساعدتك هذه الأداة؟

ما هي معاينة Markdown؟

متى تستخدم هذه الآلة الحاسبة

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

الخطوات:

اكتب أو الصق صيغة Markdown الخاصة بك في اللوحة اليسرى.
شاهد معاينة HTML المعروضة تتحدث فورًا في اللوحة اليمنى.
عدّل صيغتك حتى تطابق المعاينة ما تقصده.
انسخ مصدر Markdown النهائي بمجرد رضاك عن النتيجة.

الصيغة

# عنوان →

عنوان

**غامق** → غامق *مائل* → مائل `شيفرة` → شيفرة [نص](رابط) → نص - عنصر →

عنصر

حالات الاستخدام

معاينة ملف README على GitHub أو GitLab قبل الالتزام به
صياغة رسائل منسَّقة لتطبيقات Slack أو Discord أو غيرها من تطبيقات الدردشة الداعمة لـ Markdown
التحقق من تنسيق مقال مدونة أو وثيقة قبل النشر
تعلّم صيغة Markdown من خلال التجريب ورؤية النتائج فورًا
تحويل مقتطف قصير من Markdown إلى HTML بسرعة للصقه في مكان آخر

الفوائد الرئيسية

شاهد صيغة Markdown الخاصة بك معروضة فورًا، جنبًا إلى جنب مع المصدر
ارصد أخطاء الصيغة قبل النشر في أي مكان
تعمل بالكامل دون اتصال داخل متصفحك — لا يُرفع أي شيء
مجانية، بلا تسجيل، وبلا حدود لحجم الملف في الاستخدام النموذجي

نصائح احترافية

أضف سطرًا فارغًا قبل القوائم وكتل الشيفرة وبعدها للحصول على أكثر عرض موثوقية عبر محللات Markdown المختلفة
استخدم نجمتين مزدوجتين للخط الغامق ونجمة واحدة (أو شرطة سفلية) للمائل لتجنب أي التباس
عاين أولًا في هذه الأداة، ثم تحقق من المنصة المستهدفة (GitHub أو Slack وغيرها) لأن بعضها يدعم صيغًا إضافية مثل الجداول
حافظ على تسلسل العناوين (لا تنتقل من # إلى ### مباشرة) لبنية مستند أفضل وسهولة وصول أعلى

الأخطاء الشائعة التي يجب تجنبها

نسيان السطر الفارغ المطلوب بين فقرة وقائمة تليها
إغفال المسافة بعد رموز # في العناوين، مما يمنع عرضها
ترك كتلة شيفرة (```) دون إغلاق، مما يجعل بقية المستند بأكمله يُعامَل كشيفرة
استخدام نجمة واحدة للخط الغامق بدلًا من نجمتين، مما ينتج عنه خط مائل بدلًا من ذلك

شرح المصطلحات الأساسية

CommonMark: مواصفة موحّدة لصيغة Markdown، صُممت لتقليل التناقضات
GFM: صيغة GitHub-Flavored Markdown، وهي لهجة موسّعة تدعم الجداول وقوائم المهام
كتلة الشيفرة (Code fence): كتلة محددة بعلامات اقتباس عكسية ثلاثية (```) تُستخدم لتنسيق الشيفرة متعددة الأسطر
التنسيق المضمّن (Inline formatting): تنسيق يُطبَّق ضمن سطر واحد، مثل *مائل* أو `شيفرة`، بخلاف عناصر الكتلة

مفاهيم ذات صلة

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

مثال

تفسير نتائجك

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

ما صيغة Markdown التي تدعمها هذه الأداة؟

هل يُحفظ محتواي أو يُرفع إلى أي مكان؟

لماذا لا تظهر تنسيقاتي بشكل صحيح؟

هل يمكنني استخدام هذه الأداة لمعاينة ملف README على GitHub قبل الالتزام بالتغييرات؟

What Markdown syntax does this tool support?

Is my content saved or uploaded anywhere?

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

ما الفرق بين Markdown و HTML؟

How do I create a table in Markdown?

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.