Přeskočit na hlavní obsah
LibraTool logoLibraTool

Převodník Markdownu na HTML zdarma

Převeďte Markdown na čisté HTML s živým náhledem. Použijte zdrojové zobrazení ke zkopírování HTML připraveného k vložení do blogů, CMS nebo e-mailových šablon.

Funguje offline po načtení
Výstup HTML se zobrazí zde…

Běžná použití

  • Publikujte Markdown do CMSPřeveďte poznámky Markdown na HTML pro vložení do CMS, které přijímá pouze HTML.
  • Vytvořte obsah e-mailu HTMLPřeveďte Markdown na HTML pro transakční e-maily a bulletiny.
  • Náhled souborů README místněVložte svůj README.md, abyste viděli, jak bude vykreslen na GitHubu, GitLab nebo npm.
  • Vygenerujte obsah stránky pro statické webové stránkyPřeveďte text Markdown na HTML pro ručně vytvořené statické webové stránky nebo jednorázové stránky.
  • Vytvořte HTML dokumentacePřeveďte interní dokumenty Markdown na HTML pro vložení do aplikací, center podpory nebo znalostních základen.

Jak to funguje

Převod se provádí zcela ve vašem prohlížeči ručně napsaným parserem Markdownu — bez knihovny třetí strany, bez požadavku na server. Parser prochází zdroj řádek po řádku, aplikuje blokovní pravidla (nadpisy, seznamy, tabulky, ohraničený kód) a poté druhý průchod vložených regulárních vzorů pro tučné, kurzívní, odkazy, obrázky a vložený kód.

  1. 1
    Nejprve se rozebere bloková struktura
    Parser čte surový Markdown řádek po řádku a identifikuje blokové konstrukty: ohraničené bloky kódu (s volitelnou třídou jazyka), ATX nadpisy (# až ######), bloky citací, řazené a neřazené seznamy včetně zaškrtávacích políček úkolů GFM, tabulky GFM se zarovnáním sloupců, vodorovné čáry a odstavce, které správně spojují měkce zalomené pokračovací řádky.
  2. 2
    Vložené vzory aplikované uvnitř každého bloku
    Poté, co je text každého bloku escapován jako HTML, řetězec regulárních výrazů v parseInline() transformuje vloženou syntaxi: obrázky a odkazy (s bílým seznamem schémat URL, který odstraní odkazy javascript: a data:), **tučné**, *kurzívní*, ~~přeškrtnuté~~ a vložený kód — v tomto pořadí priority.
  3. 3
    Živý výstup HTML s přepínačem náhledu
    Řetězec HTML se přepočítává přes useMemo při každém stisku klávesy, takže se pravý panel aktualizuje okamžitě. Přepínač přepíná mezi zobrazením surového zdroje HTML a vykresleným náhledem pomocí vlastního rozvržovacího enginu prohlížeče.
  4. 4
    Tři výstupní možnosti včetně kopírování bohatého textu
    Můžete zkopírovat surové značení HTML, stáhnout kompletní samostatný soubor .html s DOCTYPE a meta tagem znakové sady, nebo použít „Kopírovat bohatý text“ — který zapíše do schránky jak MIME typ text/html, tak text/plain přes ClipboardItem z Clipboard API, takže se formátovaný výsledek vloží přímo do Gmailu, Google Docs nebo Wordu bez dalších kroků.

Související nástroje

📝

Převodník HTML na Markdown

Převeďte HTML na čistý Markdown. Zpracovává nadpisy, seznamy, odkazy, obrázky, bloky kódu, tabulky a blokové citace. Ideální pro přesun obsahu z CMS systémů.

Vyzkoušet
📝

Editor Markdownu

Pište a prohlížejte si Markdown v reálném čase. Podporuje nadpisy, tučné písmo, kurzívu, bloky kódu, tabulky a seznamy.

Vyzkoušet
🎼

MIDI to MP3 Converter

Převeďte MIDI soubor (.mid) do MP3 nebo WAV pomocí General MIDI soundfontu. Poslouchejte v prohlížeči a měňte tempo, tóninu nebo nástroj; nic se nikam neodesílá.

Vyzkoušet23 MB, jednorázově

Časté dotazy