UltKit

Převod HTML do Markdownu

V HTML se obsah doručuje, v Markdownu ho stále více lidí raději píše a ukládá. Tento převodník změní soubory .html na čitelný text .md, takže archiv blogu, centrum nápovědy nebo uložený článek můžete přesunout na statický web, do trezoru poznámek nebo do repozitáře Git.

Převodník dokumentů

nebo sem přetáhněte soubory PDF, DOC, DOCX … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

  1. 1

    Nahrajte soubory HTML

    Přidejte soubory .html nebo .htm, nejvýše 20 v jedné dávce a každý do 95 MB. Funguje stránka uložená z prohlížeče, export z CMS i ručně napsaný soubor.

  2. 2

    Zkontrolujte nastavení textu

    Převést na je Markdown, Formátování je Jednoduché, Kódování textu je UTF-8 a Konce řádků jsou LF, což vyhovuje Gitu, generátorům statických webů a editorům v macOS nebo Linuxu.

  3. 3

    Převeďte do Markdownu

    Stiskněte Převést na Markdown a potom otevřete soubor .md v libovolném textovém editoru a odstraňte zbylá menu nebo patičky. Nahrané soubory se po 30 minutách smažou.

Pro převod HTML na Markdown nahrajte soubor .html a stiskněte Převést na Markdown: nadpisy se změní na řádky s #, odkazy na text, seznamy si ponechají odrážky a čísla a jednoduché tabulky se změní na tabulky s roury.

Převod HTML do Markdownu: komu a k čemu slouží

John Gruber vydal Markdown v roce 2004 ve spolupráci s Aaronem Swartzem jako způsob, jak psát pro web v prostém textu, který se přirozeně čte i před vykreslením. O dvacet let později je to nativní formát souborů README na GitHubu, generátorů statických webů jako Jekyll a Hugo, dokumentačních nástrojů, poznámkových aplikací jako Obsidian i složek s obsahem mnoha moderních webů.

Tím vzniká stálý tok opačným směrem, než jaký je obvyklý. Týmy opouštějící CMS postavené na databázi potřebují roky příspěvků jako soubory .md. Pisatelé ukládají články do poznámkového trezoru. Vývojáři přesouvají starou sekci nápovědy v HTML do repozitáře dokumentace jako kódu, kde se změny schvalují v pull requestech. V každém případě je HTML jediná kopie a ruční přepis není reálný. U dokumentů Word jde o stejnou úlohu jako DOCX do Markdownu.

Které prvky HTML mají podobu v Markdownu

from ↓ · to →CommonMarkGitHub Flavored Markdown
Nadpisy h1–h6Nadpisy h1–h6 to CommonMark: yesNadpisy h1–h6 to GitHub Flavored Markdown: yes
Odkazy a obrázkyOdkazy a obrázky to CommonMark: yesOdkazy a obrázky to GitHub Flavored Markdown: yes
Seznamy a citaceSeznamy a citace to CommonMark: yesSeznamy a citace to GitHub Flavored Markdown: yes
Bloky code a preBloky code a pre to CommonMark: yesBloky code a pre to GitHub Flavored Markdown: yes
Jednoduché tabulky– Jednoduché tabulky to CommonMark: noJednoduché tabulky to GitHub Flavored Markdown: yes
Přeškrtnutí– Přeškrtnutí to CommonMark: noPřeškrtnutí to GitHub Flavored Markdown: yes
Sloučené buňky tabulky– Sloučené buňky tabulky to CommonMark: no– Sloučené buňky tabulky to GitHub Flavored Markdown: no
Formuláře, video, iframe– Formuláře, video, iframe to CommonMark: no– Formuláře, video, iframe to GitHub Flavored Markdown: no
supported not offeredCommonMark, specifikovaný od roku 2014, je striktní jádro; GitHub Flavored Markdown, specifikovaný v roce 2017, přidává tabulky, přeškrtnutí a seznamy úkolů. Cokoli bez obdoby v Markdownu může zůstat jako surové HTML, což povolují oba.

Výstup převodu HTML do Markdownu: co čekat

Názvy tříd, vložené styly, skripty a rozvržení pomocí div se vypouštějí, protože Markdown popisuje význam, ne vzhled. Tučné písmo a kurzíva se změní na dvojité a jednoduché hvězdičky, zalomení řádků uvnitř odstavce se spojí a znakové entity jako   se změní na běžné znaky v UTF-8. Soubor .md bude zlomkem velikosti HTML: slova zůstanou a značky zmizí.

MýtusMarkdown dokáže reprodukovat jakékoli rozvržení HTML.

FaktPokrývá jen strukturu textu; sloupce, barvy a polohované boxy nemají v Markdownu syntaxi a ztratí se nebo zůstanou jako surové HTML.

MýtusPřevedená stránka je připravená k publikování tak, jak je.

FaktMenu, cookie lišty i patičky se přenesou také; ořežte je a přidejte front matter, pokud ho váš generátor webu očekává.

MýtusVýstup v Markdownu funguje všude stejně.

FaktTabulky a přeškrtnutí vyžadují vykreslovač GitHub Flavored Markdown; striktní nástroje CommonMark je zobrazí jako prostý text.

Fakta o formátech HTML a Markdown

HTML

HyperText Markup Language

HTML je značkovací jazyk webu, který poprvé popsal Tim Berners-Lee na počátku 90. let a dnes jej spravuje WHATWG jako živý standard. Soubor HTML popisuje nadpisy, odstavce, odkazy, tabulky, obrázky a formuláře, zatímco vzhled obvykle zajišťuje CSS. Vykreslí jej každý prohlížeč a používá se také pro e-mailové šablony a uložené webové stránky. Jeden soubor HTML často závisí na externích obrázcích a stylech, takže po samostatném přenesení může vypadat rozbitě.

Komprese
–
Průhlednost
–
Animace
–
Představeno
1993 · Tim Berners-Lee; maintained by WHATWG
Převodník HTML

MD

Markdown

Markdown je odlehčená značkovací syntaxe, kterou v roce 2004 vytvořil John Gruber. Používá symboly v prostém textu, například # pro nadpisy, * pro zvýraznění a - pro seznamy, které zůstávají čitelné i jako surový text a čistě se převádějí na HTML. Je standardem pro soubory README, dokumentaci, wiki, aplikace pro poznámky i mnoho generátorů statických webů. Existuje několik dialektů, například CommonMark a GitHub Flavored Markdown, které se liší v detailech, třeba v tabulkách. Soubory .md otevře jakýkoli textový editor.

Komprese
–
Průhlednost
–
Animace
–
Představeno
2004 · John Gruber
Převodník MD

HTML se převádí na Markdown ve chvíli, kdy obsah opouští místo, kde se vykresloval: blog přecházející na generátor statických webů, nápověda přesouvaná do dokumentačního repozitáře v Gitu nebo články ukládané do složky Obsidianu, kde je důležitější čitelný prostý text než značky.

Otázky k převodu HTML do MD

Lze převést uloženou webovou stránku i s obrázky?

Převodník čte nahraný soubor .html. Značky obrázků se změní na odkazy na obrázky v Markdownu, které míří na stejné cesty nebo adresy URL jako původní stránka, takže obrázky hostované online fungují dál. Místní složka s obrázky z funkce Uložit stránku jako se s souborem nenahrává; zkopírujte ji vedle souboru .md a relativní cesty budou opět sedět.

Co se stane s menu, postranními panely a patičkami?

Převede se vše, co je v souboru, protože nástroj nemůže poznat, která část stránky je článek. Pro čistý výsledek uložte příspěvek bez šablony webu, pokud to vaše CMS umožňuje, nebo z Markdownu následně smažte navigační řádky nahoře a dole.

Jak přesunout příspěvky z WordPressu do Huga nebo Jekyllu?

Vestavěný export WordPressu je soubor XML, ne HTML, proto převádějte HTML jednotlivých příspěvků, zkopírované z editoru kódu nebo uložené z prohlížeče. Poté na začátek každého souboru .md přidejte front matter, tedy blok mezi dvěma řádky se třemi pomlčkami, který obsahuje název, datum a štítky. Hugo i Jekyll ho čtou odtud.

Proč některé tabulky v Markdownu vypadají zvláštně?

Tabulky v Markdownu, které přidal GitHub Flavored Markdown, mají jeden řádek záhlaví a žádné sloučené buňky. Jednoduchá tabulka HTML se převede čistě; tabulka s colspan, rowspan nebo vnořenými seznamy nemá v Markdownu obdobu, a proto se zploští. Markdown povoluje surové HTML, takže původní tabulku můžete vložit zpět tam, kde záleží na rozložení.

Je Markdown vhodný formát pro předávání stránek AI nebo vyhledávacím nástrojům?

Často ano. Markdown zachovává důležitou strukturu, tedy nadpisy, seznamy, odkazy a zvýraznění, a vypouští atributy, skripty a stylování, takže stejný článek je mnohem kratší a snáz se zpracovává. Pokud nechcete žádné značky, použijte HTML do TXT.