Към основното съдържание
LibraTool logoLibraTool

Конвертор от 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 схеми, която премахва javascript: и data: адреси), **удебелен**, *курсив*, ~~зачертан~~ и вграден код — в този приоритетен ред.
  3. 3
    Изход на живо в HTML с превключвател за преглед
    HTML низът се преизчислява чрез useMemo при всяко натискане на клавиш, така че дясното поле се обновява мигновено. Превключвател сменя между изгледа на суровия HTML код и рендериран преглед, използвайки собствения двигател за оформление на браузъра.
  4. 4
    Три опции за изход, включително копиране на богат текст
    Можете да копирате суровото HTML маркиране, да изтеглите пълен самостоятелен .html файл с DOCTYPE и мета таг за кодировка, или да използвате „Копирай богат текст“ — който записва както MIME типовете text/html, така и text/plain в клипборда чрез ClipboardItem на Clipboard API, така че форматираният резултат се поставя директно в Gmail, Google Docs или Word без допълнителни стъпки.

Свързани инструменти

Често задавани въпроси