Перайсці да асноўнага зместу
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: hrefs), **тоўсты**, *курсіў*, ~~закрэслены~~ і ўбудаваны код — у гэтым парадку прыярытэту.
  3. 3
    Жывы вывад HTML з пераключальнікам папярэдняга прагляду
    Радок HTML пераразлічваецца праз useMemo пры кожным націску клавішы, так што правая панэль абнаўляецца імгненна. Пераключальнік пераключаецца паміж сырым прагляд зыходнага HTML і адлюстраваным папярэднім праглядам з дапамогай уласнага рухавіка разметкі браўзера.
  4. 4
    Тры опцыі вываду, уключаючы капіраванне багатага тэксту
    Вы можаце скапіяваць сырую разметку HTML, спампаваць поўны самадастатковы файл .html з DOCTYPE і мета-тэгам charset, ці выкарыстаць 'Капіяваць багаты тэкст' — што запісвае абодва тыпы MIME text/html і text/plain у буфер абмену праз ClipboardItem Clipboard API, так што фарматаваны вынік устаўляецца непасрэдна ў Gmail, Google Docs ці Word без дадатковых крокаў.

Звязаныя інструменты

Часта задаюць пытанні