✍️

معاينة Markdown

اكتب Markdown وشاهد النتيجة مباشرة، ثم انسخ HTML نظيفًا.

نص Markdown

80 كلمات · 388 حرفًا · 2 H

معاينة

Hello, Markdown

Write on the left, see the rendered result on the right.

Why use it

Live preview as you type
inline code, tables and quotes
Copy the clean HTML when done

Everything runs in your browser — nothing is uploaded.

Feature	Supported
Tables	Yes
Code blocks	Yes

Paste your Markdown
Check the preview
Copy the HTML

الإخراج

<h1 class="mt-6 mb-3 text-3xl font-extrabold text-white">Hello, Markdown</h1>
<p class="my-3 leading-relaxed text-gray-300">Write on the left, see the <strong class="font-bold text-white">rendered</strong> result on the right.</p>
<h2 class="mt-6 mb-3 text-2xl font-bold text-white">Why use it</h2>
<ul class="my-3 list-disc space-y-1 pl-6 text-gray-300"><li class="leading-relaxed">Live preview as you type</li><li class="leading-relaxed"><code class="rounded bg-black/50 px-1.5 py-0.5 font-mono text-[0.9em] text-emerald-300">inline code</code>, tables and quotes</li><li class="leading-relaxed">Copy the clean HTML when done</li></ul>
<blockquote class="my-4 border-l-4 border-indigo-400/50 bg-white/5 py-2 pl-4 text-gray-400 italic"><p class="my-3 leading-relaxed text-gray-300">Everything runs in your browser — nothing is uploaded.</p></blockquote>
<table class="my-4 w-full border-collapse text-sm"><thead><tr><th class="border border-white/10 bg-white/5 px-3 py-2 text-left font-semibold text-white" style="text-align:left">Feature</th><th class="border border-white/10 bg-white/5 px-3 py-2 text-left font-semibold text-white" style="text-align:left">Supported</th></tr></thead><tbody><tr><td class="border border-white/10 px-3 py-2 text-gray-300" style="text-align:left">Tables</td><td class="border border-white/10 px-3 py-2 text-gray-300" style="text-align:left">Yes</td></tr><tr><td class="border border-white/10 px-3 py-2 text-gray-300" style="text-align:left">Code blocks</td><td class="border border-white/10 px-3 py-2 text-gray-300" style="text-align:left">Yes</td></tr></tbody></table>
<ol class="my-3 list-decimal space-y-1 pl-6 text-gray-300"><li class="leading-relaxed">Paste your Markdown</li><li class="leading-relaxed">Check the preview</li><li class="leading-relaxed">Copy the HTML</li></ol>

حول هذه الأداة

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

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

1
اكتب أو الصق بياناتك في مربع الإدخال
2
اختر الخيارات وشغّل الأداة
3
انسخ النتيجة أو نزّلها — انتهى!

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

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

العناوين، والتشديد والمائل، والشطب، والكود المضمّن، وكتل الأكواد، والقوائم المرقّمة والنقطية، والاقتباسات، والجداول، والروابط، والصور، والفواصل الأفقية — وهي الصيغ الشائعة في ملفات README على GitHub.

▸هل HTML الناتج آمن للنشر على موقعي؟

نعم. يُهرَّب أي HTML مكتوب في المصدر وتُحذف الروابط من نوع javascript: أو data:، فلا يخرج إلا وسوم تنسيق قياسية يمكنك تنسيقها بحرية.

▸هل يعمل دون اتصال وهل تبقى مسوداتي خاصة؟

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