Preskočiť na hlavný obsah

Konvertor Markdown do HTML zadarmo

Konvertujte Markdown na čistý HTML so živým náhľadom. Použite zobrazenie zdrojového kódu na kopírovanie HTML pripravené na vloženie pre blogy, CMS alebo e-mailové šablóny.

Po načítaní funguje offline
HTML výstup sa zobrazí tu…

Bežné použitia

  • Publikujte Markdown do CMSKonvertujte poznámky Markdown na HTML na vloženie do systémov CMS, ktoré akceptujú iba HTML.
  • Vytvárajte obsah HTML e-mailuKonvertujte Markdown na HTML pre transakčné e-maily a spravodajcov.
  • Náhľad súborov README lokálneVložte vašu súbor README.md, aby ste videli, ako sa bude vykresľovať na GitHub, GitLab alebo npm.
  • Vygenerujte obsah stránky pre statické webyKonvertujte obsah tela Markdown na HTML pre ručne vytvorené statické lokality alebo jednorázové stránky.
  • Vytváranie dokumentácie HTMLKonvertujte vnútornú dokumentáciu Markdown na HTML na vloženie do aplikácií, centier podpory alebo báz vedomostí.

Ako to funguje

Prevod prebieha výhradne vo vašom prehliadači pomocou ručne napísaného parsera Markdown — bez knižnice tretej strany, bez požiadavky na server. Parser prechádza zdroj riadok po riadku, aplikuje pravidlá na úrovni blokov (nadpisy, zoznamy, tabuľky, ohradený kód) a potom druhý prechod inline vzorov regulárnych výrazov pre tučné, kurzívu, odkazy, obrázky a inline kód.

  1. 1
    Najprv sa spracuje bloková štruktúra
    Parser číta surový Markdown riadok po riadku a identifikuje blokové konštrukty: ohradené bloky kódu (s voliteľnou triedou jazyka), nadpisy ATX (# až ######), citácie, číslované a nečíslované zoznamy vrátane zaškrtávacích políčok úloh GFM, tabuľky GFM so zarovnaním stĺpcov, vodorovné čiary a odseky, ktoré správne spájajú mäkko zalomené pokračovacie riadky.
  2. 2
    Inline vzory aplikované vnútri každého bloku
    Po tom, čo je text každého bloku HTML-escapovaný, reťaz regulárnych výrazov v parseInline() transformuje inline syntax: obrázky a odkazy (s bielym zoznamom schém URL, ktorý odstraňuje odkazy javascript: a data:), **tučné**, *kurzíva*, ~~prečiarknutie~~ a inline kód — v tomto poradí priority.
  3. 3
    Živý výstup HTML s prepínačom náhľadu
    Reťazec HTML sa prepočítava cez useMemo pri každom stlačení klávesu, takže pravý panel sa aktualizuje okamžite. Prepínač prepína medzi zobrazením surového zdroja HTML a vykresleným náhľadom pomocou vlastného rozvrhového enginu prehliadača.
  4. 4
    Tri výstupné možnosti vrátane kopírovania obohateného textu
    Môžete skopírovať surové značky HTML, stiahnuť kompletný samostatný súbor .html s DOCTYPE a meta tagom charset, alebo použiť 'Kopírovať obohatený text' — ktoré zapíše do schránky cez ClipboardItem z Clipboard API oba MIME typy text/html a text/plain, takže formátovaný výsledok sa vloží priamo do Gmailu, Google Docs alebo Wordu bez ďalších krokov.

Súvisiace nástroje

Často kladené otázky