النص

Markdown Preview / HTML ↔ Markdown

معاينة حية لـ Markdown كـ HTML منسّق، بالإضافة إلى التحويل في الاتجاهين: Markdown → HTML وHTML → Markdown.

Markdown is a lightweight markup language that formats text with plain characters (**bold**, # heading, - list) and stays readable even unrendered. This tool gives you a live preview of Markdown as HTML and converts in both directions.

How to use it

Common uses

Things to keep in mind

Different platforms (GitHub, GitLab, Discord) support slightly different Markdown extensions (tables, strikethrough, checkboxes) — the base syntax is the same everywhere.

Converting HTML to Markdown loses whatever Markdown can't express: complex layout, inline styles, deeply nested elements.

مقالة عن هذه الأداة: Markdown: لماذا أصبح معيار التوثيق

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

ما اتجاهات التحويل التي تدعمها الأداة؟

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

هل التحويل يعتمد على محرك قوالب خاص بالخادم؟

لا، التحويل والمعاينة يتمّان عبر عرض client-side بسيط في المتصفح باستخدام JavaScript، وليسا مرتبطين بأي محرك قوالب في الخادم مثل Blade أو غيره.

هل النص الذي أدخله يُرسل إلى خادم؟

لا، المعاينة والتحويل يتمّان بالكامل داخل متصفحك، دون رفع Markdown أو HTML إلى أي خادم.

لماذا يظهر نفس الملف بشكل مختلف في تطبيقات مختلفة؟

ماركداون الأصلي لا يُعرِّف الجداول أو النص المشطوب أو تمييز الصياغة في كتل الكود — هذه امتدادات من تطبيقات مختلفة. تتعامل GitHub Flavored Markdown ومواصفة CommonMark بشكل مختلف مع بعض الحالات الغامضة، لذا قد يختلف عرض نفس الملف حسب المحلّل المستخدم.

ماذا يُفقَد عند تحويل HTML معقّد إلى ماركداون؟

يدعم HTML إمكانيات تنسيق أكثر بكثير من ماركداون الأساسي، لذا قد تُبسَّط الجداول المعقدة أو الأنماط المتداخلة أو الترميز غير القياسي أو تُفقَد عند التحويل العكسي.

مقالات: النص

camelCase وsnake_case وkebab-case: متى نستخدم كل صيغة

لماذا يوجد camelCase وsnake_case وkebab-case، وأين يُستخدم كل منها عادة.

Text Diff: كيف تعمل خوارزمية إيجاد الفروقات بين النصوص

كيف تجد خوارزمية الديف أصغر مجموعة تغييرات بين نسختين من نص.

التعبيرات النمطية: الأساسيات وفخّ المطابقة الجشعة

الفرق بين المطابقة الجشعة والكسولة في التعبيرات النمطية ولماذا يهم ذلك عمليًا.

فرز الأسطر: لماذا يختلف الفرز الأبجدي عن العددي

لماذا يعامل الفرز الأبجدي الأرقام كنص، وكيف يختلف ذلك عن الفرز العددي.

الهروب بالأحرف: لماذا يختلف حسب السياق (JS وJSON والشِل والريجكس)

لماذا لا توجد قاعدة هروب واحدة تصلح لكل السياقات: JS وJSON والشِل والريجكس.

CRLF وLF: لماذا لا تزال نهايات الأسطر تسبّب مشاكل

من أين جاء الفرق بين CRLF وLF، ولماذا لا يزال يسبب مشاكل مع git والسكربتات.

عدّ الأحرف والكلمات: لماذا يعتمد على يونيكود

لماذا يمكن أن يتكون رمز تعبيري واحد ظاهريًا من عدة نقاط ترميز في يونيكود.

Lorem Ipsum: من أين جاء نص الحشو ولماذا لا معنى له

من أين جاء نص Lorem Ipsum فعليًا، ولماذا يُستخدم نص بلا معنى بدلاً من نص حقيقي.

Slugify: كيف يتحول العنوان إلى رابط صالح

كيف يتحول عنوان مقالة إلى رابط نظيف وقابل للقراءة بشرطات.

المسافات غير المرئية: لماذا تفشل مقارنة نصين متطابقين ظاهريًا

كيف يمكن لمسافة غير مرئية أن تجعل مقارنة نصين متطابقين ظاهريًا تفشل.

عكس النص: لماذا يفشل مع الرموز التعبيرية

لماذا يكسر عكس النص الساذج الرموز التعبيرية المركّبة من عدة نقاط ترميز.

تحليل تكرار النص: من سحابة الكلمات إلى كسر الشيفرات

كيف ساعد تحليل تكرار الحروف تاريخيًا في كسر شيفرات الاستبدال البسيطة.