پرش به محتوای اصلی

ویرایشگر Markdown رایگان

Markdown را در زمان واقعی بنویسید و پیش‌نمایش بگیرید. از عنوان‌ها، پررنگ، ایتالیک، بلوک‌های کد، جداول و لیست‌ها پشتیبانی می‌کند.

پس از بارگذاری آفلاین کار می‌کند
98 کلمه · 561 کاراکتر
Markdown
پیش‌نمایش
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">خوش‌آمدید به ویرایشگر مارک‌داون</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed"><strong>مارک‌داون</strong> را در سمت چپ بنویسید، پیش‌نمایش زنده را در سمت راست ببینید.</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">ویژگی‌ها</h3> <ul class="list-disc list-inside my-3 space-y-0.5 text-slate-700 dark:text-slate-300"><li class="my-0.5"><strong>متن درشت</strong>، <em>متن مایل</em> و <del>خط‌خورده</del></li><li class="my-0.5"><code class="bg-slate-100 dark:bg-slate-800 text-pink-600 dark:text-pink-400 rounded px-1 py-0.5 text-[0.85em] font-mono">کد درون‌خطی</code> و بلوک‌های کد محصور</li><li class="my-0.5"><a href="https://libratool.com" target="_blank" rel="noopener noreferrer" class="text-teal-600 dark:text-teal-400 underline underline-offset-2">پیوندها</a></li><li class="my-0.5">فهرست‌ها، نقل‌قول‌های بلوکی، جداول و بیشتر</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">مثال کد</h3> <pre class="bg-slate-900 dark:bg-slate-950 text-slate-100 rounded-lg p-4 overflow-x-auto text-sm font-mono my-4"><code class="language-javascript">function greet(name) { return `Hello, ${name}!`; }</code></pre> <blockquote class="border-l-4 border-teal-400 dark:border-teal-600 pl-4 my-3 text-slate-600 dark:text-slate-400 italic">مارک‌داون توسط John Gruber در سال 2004 برای ساده‌تر کردن نوشتن برای وب ایجاد شد.</blockquote> <table class="my-4 w-full text-sm border-collapse"><thead><tr><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">ویژگی</th><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">پشتیبانی شده</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">عنوان‌ها</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">فهرست‌ها</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">جداول</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">کد</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
برگه تقلب Markdown
# Heading 1H1
**bold**بولد
*italic*ایتالیک
`code`کد درون‌خطی
- itemلیست نقطه‌ای
1. itemلیست شماره‌دار
> quoteنقل‌قول
[text](url)لینک
![alt](url)تصویر
---جداکننده

کاربردهای رایج

  • اسناد API را در Markdown بنویسیدتوضیحات نقطه پایانی ، نمونه های درخواست / پاسخ و جداول پارامتر را در Markdown طراحی کنید.
  • یادداشت ها را در Markdown بنویسیدیادداشت های ساختار یافته را در Markdown بنویسید که می توان آنها را به Notion ، Obsidian ، Bear یا هر برنامه Markdown وارد کرد.
  • نوشتن GitHub README در Markdownپیش‌نویس و پیش‌نمایش README انبار GitHub خود با رندر Markdown زنده.
  • نوشتن مستندات فنینوشتن و پیش‌نمایش اسناد API، ویکی‌ها و راهنماهای فنی در Markdown قبل از انتشار.
  • نوشتن پست‌های وبلاگ در Markdownپیش‌نویس پست‌های وبلاگ در Markdown برای Ghost، Jekyll، Hugo، Hashnode و سایر پلتفرم‌های انتشار مبتنی بر Markdown.

نحوه کار

پیش‌نمایش توسط یک تجزیه‌گر Markdown دست‌نویس مستقیماً ساخته‌شده در ابزار رندر می‌شود — بدون marked، بدون remark، بدون کتابخانه خارجی. منبع را خط‌به‌خط در مرورگر توکنایز می‌کند، سینتکس را به HTML تبدیل می‌کند که سپس پیش از نمایش از یک پاکسازگر عبور می‌کند.

  1. 1
    توکنایزیشن خط-به-خط
    تابع سفارشی renderMarkdown منبع شما را بر خط‌جدیدها تقسیم می‌کند و آن‌ها را در یک گذر واحد می‌پیماید، بلوک‌های کد محصور، سرتیترها (H1–H6)، نقل‌قول‌های بلوکی، لیست‌های ترتیبی و غیرترتیبی، جداول GFM (با ترازبندی ستون)، خط‌های افقی، و پاراگراف‌ها را به ترتیب اولویت تطبیق می‌دهد.
  2. 2
    گسترش سینتکس درون‌خطی
    هر خط یا سلول جمع‌آوری‌شده سپس با inlineMarkdown پردازش می‌شود، زنجیره‌ای از جایگزینی‌های عبارت باقاعده که بولد (** و __)، ایتالیک (* و _)، بولد-ایتالیک (***)، خط‌خورده (~~)، کد درون‌خطی ()، تصاویر (![alt](url))، و لینک‌ها ([text](url)) را مدیریت می‌کند — تصاویر پیش از لینک‌ها حل می‌شوند پس پیشوند ! به‌اشتباه مصرف نمی‌شود.
  3. 3
    پاکسازگری و مسدودسازی منابع-راه‌دور
    HTML خام تولیدشده توسط رندرکننده از یک پاکسازگر (sanitize-html) عبور می‌کند تا تگ‌ها و ویژگی‌های ناامنی مانند <script>، کنترل‌کننده‌های onerror، و href‌های javascript: را حذف کند. یک پاس دوم (neutralizeRemote) مقادیر src تصویر راه‌دور را به‌طور پیش‌فرض با جانگهدار جایگزین می‌کند، از تماس خاموش پیش‌نمایش به سرورهای خارجی پیش از انتخاب شما جلوگیری می‌کند.
  4. 4
    صدور به‌صورت .md یا .html مستقل
    کپی یا دانلود Markdown متن منبع خام را می‌نویسد. دانلود HTML خروجی پاکسازی‌شده را در یک سند خودکفا با برگه استایل درون‌خطی خودش می‌پیچد — کلاس‌های Tailwind فقط درون سایت کار می‌کنند، پس صدور به‌جای آن قواعد CSS ساده را بسته‌بندی می‌کند، فایل را در همه‌جا خوانا می‌سازد.

ابزارهای مرتبط

سؤالات متداول