Utilia
Kategórie ▾
Jazyk: sk ▾

Konvertor HTML na Markdown a späť

Konvertuj HTML na Markdown a Markdown na HTML v prehliadači, s tabuľkami GitHub, prečiarknutím, zoznamami úloh a bezpečným náhľadom. Nič sa nenahráva.

Konverzia

Náhľad

Náhľad je vyčistený: skripty, formuláre a obsluha udalostí sa odstránia a vzdialené obrázky sa nikdy nenačítajú.

Ako konvertovať HTML na Markdown

  1. Vyber smer: HTML → Markdown alebo Markdown → HTML.
  2. Vlož kód do vstupného poľa, alebo klikni na Otvoriť súbor a načítaj z počítača súbor .html, .htm, .md alebo .txt (do 10 MB).
  3. Uprav voľby. Pri HTML → Markdown môžeš zvoliť štýl Nadpisy, Značka zoznamu a štýl Bloky kódu. Pri Markdown → HTML je štandardne zapnuté Vyčistiť HTML (odstrániť skripty a obsluhu udalostí).
  4. Klikni na Konvertovať. Výsledok sa mení aj počas písania.
  5. Skopíruj alebo stiahni výsledok. Obrátiť smer presunie výsledok späť do vstupu, takže ho môžeš konvertovať opačným smerom a skontrolovať spiatočnú cestu.

Náhľad pod výsledkom ukazuje, ako sa Markdown vykresľuje, takže konverziu skontroluješ na prvý pohľad.

Čo robí konverzia HTML → Markdown

Konvertor číta tvoje HTML pomocou vlastného parsera prehliadača v neaktívnom dokumente: skripty sa nespúšťajú a obrázky sa nesťahujú. Potom prejde štruktúru stránky a pre každý prvok zapíše ekvivalent v Markdowne:

  • <h1> až <h6> sa stanú nadpismi. ATX (# Nadpis) zapisuje # až ######; Setext (podčiarknuté) podčiarkuje nadpisy úrovne 1 a 2 pomocou === alebo --- (úrovne 3 až 6 vždy používajú #).
  • <strong> a <b> sa stanú **tučným**, <em> a <i> sa stanú _kurzívou_, riadkový <code> sa zmení na spätné apostrofy.
  • Odkazy sa stanú [text](url "title") a obrázky ![alt](src).
  • Zoznamy používajú zvolenú značku (-, * alebo +); číslované zoznamy si zachovajú číslo start a vnorené zoznamy sa odsadzujú.
  • <pre><code> sa stane blokom kódu, buď Ohraničené (```), alebo Odsadené (4 medzery).
  • Konvertujú sa aj <blockquote>, <hr> a zalomenia riadkov.
  • <script>, <style>, <iframe>, <noscript> a podobné prvky sa odstránia aj s obsahom.

Znaky, ktoré by sa inak čítali ako syntax Markdownu, napríklad * alebo # na začiatku riadka, sa ošetria spätnou lomkou, aby text ostal doslovný.

GitHub Flavored Markdown

So zaškrtnutým GitHub Flavored Markdown (tabuľky, ~~prečiarknutie~~, zoznamy úloh):

  • Tabuľky sa stanú tabuľkami s zvislými čiarami a zarovnanými stĺpcami. Hlavička pochádza z riadka <thead> alebo z riadka zloženého len z buniek <th>; ak žiadny nie je, pridá sa prázdny riadok hlavičky, pretože ho GFM vyžaduje. Zarovnanie stĺpcov sa číta z align="right" alebo style="text-align: center". Zvislé čiary v bunkách sa ošetria ako \|, zalomenia riadkov sa zmenia na <br> a colspan sa doplní prázdnymi bunkami. <caption> sa zapíše ako odsek nad tabuľkou.
  • <del>, <s> a <strike> sa stanú ~~prečiarknutím~~.
  • Zaškrtávacie polia na začiatku položiek zoznamu sa stanú položkami zoznamu úloh: - [x] hotovo, - [ ] treba urobiť.

Markdown nemá ekvivalent pre vnorené tabuľky, zlúčené riadky ani štýlovanie buniek. Tabuľka, ktorá obsahuje inú tabuľku, sa ponechá ako surové HTML, čo akceptuje väčšina renderovačov Markdownu. Bez voľby GFM sa každá tabuľka ponechá ako HTML.

Markdown → HTML

V opačnom smere sa Markdown vykresľuje parserom zhodným so CommonMark, s rozšíreniami GFM, ak je voľba zapnutá. Výstupom sú úryvky HTML pripravené na vloženie do CMS, šablóny e‑mailu alebo webovej stránky. Ak je zaškrtnuté Vyčistiť HTML (odstrániť skripty a obsluhu udalostí), surové HTML vložené v Markdowne sa vyčistí: odstránia sa značky <script>, atribúty onclick a odkazy javascript:. Odškrtni ho len pri Markdowne, ktorý si napísal sám.

Často kladené otázky

Odosiela sa moje HTML na server?

Nie. Obe konverzie bežia celé v tvojom prehliadači a stránka nikdy nenahráva to, čo vložíš alebo otvoríš. Interné dokumentácie alebo koncepty môžeš konvertovať bez obáv.

Je náhľad bezpečný pri nedôveryhodnom HTML?

Áno. Náhľad vždy prechádza cez DOMPurify: skripty, formuláre, rámce a obsluha udalostí sa odstránia, odkazy sa otvárajú v novej karte bez prístupu k tejto stránke a vzdialené obrázky sa nikdy nenačítajú. Zobrazujú sa iba obrázky vložené ako URL data:.

Prečo niektoré časti mojej stránky zmiznú?

Markdown opisuje len štruktúru obsahu. Prvky rozloženia, triedy CSS, vložené štýly, formuláre a vložené miniaplikácie nemajú podobu v Markdowne, preto sa zachová iba ich text. Skripty a štýly sa odstránia úplne.

Môžem konvertovať celú webovú stránku?

Áno. Vlož celý zdrojový kód vrátane <html> a <head>: konvertuje sa iba obsah <body>. Pre čistejší Markdown vlož len časť s článkom, nie navigáciu a pätu.

Aký variant Markdownu výstup používa?

Výstup zodpovedá CommonMark, štandardu podporovanému GitHubom, GitLabom, Obsidianom, väčšinou generátorov statických webov a mnohými editormi CMS. Tabuľky, prečiarknutie a zoznamy úloh sledujú špecifikáciu GitHub Flavored Markdown.

Súvisiace nástroje