Převaděč Markdown do HTML
Markdown je formát pro vytváření souborů README, exporty Notion a generátory statických stránek. Převeďte na úryvek HTML pro vložení CMS, náhled šablony e-mailu nebo se dozvíte, jak se **tučné** a ```kód``` mapují na značky — zpracovávané lokálně.
Vstup
HTML
<h1>Hello</h1>
<p>This is <strong>bold</strong> and <em>italic</em>.</p>
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
Jak převést Markdown do HTML
1. Vložte Markdown do podokna zdroje.
2. Zobrazení výstupu HTML a náhledu rozděleného uživatelského rozhraní.
3. Kopírovat fragment těla HTML.
4. Před vložením na web dezinfikujte, pokud Markdown přišel od uživatelů.
Příklady konverze Markdown
sekce README
## Instalace plus seznam odrážek se změní na h2 a ul/li pro interní vložení wiki.
Návrh blogu
Převést autorský návrh Markdown do HTML pro režim editoru kódu WordPress.
Poznámky k verzi
Changelog Markdown s odkazy na PR čísla exportovaná jako HTML e-mail.
Když Markdown to HTML
• Když CMS přijímá HTML, ale autor napíše Markdown.
• Při náhledu vykresleného README před GitHub push.
• Při generování statického fragmentu HTML bez úplného sestavení kanálu.
Když je lepší plný kanál
• Když web používá MDX nebo krátké kódy komponent — potřebuje specializovaný kompilátor.
• Když jsou vyžadovány úlohy/zaškrtávací políčka Markdown s příchutí GitHub — vyberte analyzátor kompatibilní s GFM.
• Když nedůvěryhodný uživatel Markdown — musí dezinfikovat výstup HTML proti XSS.
Rozdíly chutí
Wikilinky CommonMark vs GFM vs Obsidian — stejný zdroj Markdown se vykresluje jinak. Standardizujte chuť v průvodci týmovým stylem.
Dezinfikovat uživatelský obsah
Po převodu použít dezinfekci seznamu povolených na HTML — blokovat značky skriptu a atributy onerror.
Email HTML
Tabulky markdown mohou v Outlooku prasknout — otestujte responzivní e-mailové šablony samostatně.
Časté dotazy
GFM tabulky a přeškrtnutí?
Závisí na variantě analyzátoru — ověřte podporovaná rozšíření.
Inline HTML v Markdown?
Mnoho analyzátorů prochází nezpracovaným HTML — riziko XSS pro uživatelský obsah.
Jazyk blokování kódu?
Může přidat class language-js pro zvýraznění Prism — zkontrolujte výstup.
Úplný HTML dokument?
Výstup může být pouze fragment — zalomit s html/body pro samostatný soubor.
Místní?
Ano.
Obrátit HTML na Markdown?
Vyžaduje převodník HTML na MD — ztrátový pro složitá rozvržení.