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

تبدیل Markdown به HTML رایگان

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

پس از بارگذاری آفلاین کار می‌کند
خروجی HTML اینجا ظاهر می‌شود…

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

  • Markdown را به CMS منتشر کنیدیادداشت های Markdown را به HTML تبدیل کنید تا در CMS هایی که فقط HTML را می پذیرند چسبانده شوند.
  • محتوای ایمیل HTML ایجاد کنیدMarkdown را به HTML برای ایمیل های تراکنشی و خبرنامه تبدیل کنید.
  • فایل های README را به صورت محلی پیش نمایش کنیدREADME.md خود را بچسبانید تا ببینید چگونه روی GitHub، GitLab یا npm نمایش داده خواهد شد.
  • محتوای صفحه را برای سایت های ایستا ایجاد کنیدمحتوای بدنه Markdown را به HTML برای سایت های ایستا ساخت شده دستی یا صفحات یکبار استفاده تبدیل کنید.
  • مستندات HTML را ایجاد کنیداسناد Markdown داخلی را به HTML برای جاسازی در برنامه ها، مراکز پشتیبانی یا پایگاه های دانش تبدیل کنید.

نحوه کار

تبدیل کاملاً در مرورگر شما توسط یک تجزیه‌گر Markdown دست‌نویس انجام می‌شود — بدون کتابخانه شخص‌ثالث، بدون درخواست به سرور. تجزیه‌گر منبع را خط‌به‌خط پیمایش می‌کند، قواعد سطح بلوک (سرتیترها، لیست‌ها، جداول، کد محصور) را اعمال می‌کند و سپس در پاس دوم الگوهای عبارت باقاعده درون‌خطی را برای پررنگ، ایتالیک، لینک‌ها، تصاویر و کد درون‌خطی اعمال می‌کند.

  1. 1
    ساختار بلوک ابتدا تجزیه شد
    تجزیه‌گر Markdown خام را خط‌به‌خط می‌خواند و سازه‌های سطح بلوک را شناسایی می‌کند: بلوک‌های کد محصور (با کلاس زبان اختیاری)، سرتیترهای ATX (# تا ######)، نقل‌قول‌های بلوکی، لیست‌های ترتیبی و غیرترتیبی شامل چک‌باکس‌های لیست وظیفه GFM، جداول GFM با ترازبندی ستون، خط‌های افقی، و پاراگراف‌هایی که خطوط ادامه‌دار شکسته‌شده را به‌درستی به هم می‌پیوندند.
  2. 2
    الگوهای درون‌خطی درون هر بلوک اعمال شدند
    پس از HTML-گریز شدن متن هر بلوک، یک زنجیره عبارت باقاعده در parseInline() سینتکس درون‌خطی را تبدیل می‌کند: تصاویر و لینک‌ها (با سفیدلیست‌کردن طرح URL که href‌های javascript: و data: را حذف می‌کند)، **بولد**، *ایتالیک*، ~~خط‌خورده~~، و کد درون‌خطی — به آن ترتیب اولویت.
  3. 3
    خروجی HTML زنده با تغییر پیش‌نمایش
    رشته HTML از طریق useMemo با هر ضربه کلید دوباره محاسبه می‌شود، پس پنل راست فوراً به‌روز می‌شود. یک تغییر بین نمای منبع خام HTML و یک پیش‌نمایش رندرشده با استفاده از موتور چیدمان خود مرورگر جابه‌جا می‌شود.
  4. 4
    سه گزینه خروجی شامل کپی متن-غنی
    می‌توانید مارک‌آپ خام HTML را کپی کنید، یک فایل .html مستقل کامل با تگ DOCTYPE و charset meta دانلود کنید، یا از 'کپی متن غنی' استفاده کنید — که هر دو نوع MIME text/html و text/plain را از طریق ClipboardItem مربوط به Clipboard API در کلیپ‌بورد می‌نویسد، پس نتیجه قالب‌بندی‌شده مستقیماً در Gmail، Google Docs، یا Word بدون مراحل اضافی می‌چسبد.

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

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