Utilia
Kategorier ▾
Sprog: da ▾

HTML til Markdown-konverter

Konvertér HTML til Markdown og Markdown til HTML i din browser, med GitHub-tabeller, gennemstregning, opgavelister og en sikker forhåndsvisning. Intet uploades.

Konvertering

Forhåndsvisning

Forhåndsvisningen er renset: Scripts, formularer og hændelseshandlere er fjernet, og eksterne billeder indlæses aldrig.

Sådan konverterer du HTML til Markdown

  1. Vælg retningen under Konvertering: HTML → Markdown eller Markdown → HTML.
  2. Indsæt din kode i inputfeltet, eller klik på Åbn fil for at indlæse en .html-, .htm-, .md- eller .txt-fil fra din computer (op til 10 MB).
  3. Justér indstillingerne. For HTML → Markdown kan du vælge typografi for Overskrifter, Listetegn og Kodeblokke. For Markdown → HTML er Rens HTML (fjern scripts og hændelseshandlere) slået til som standard.
  4. Klik på Konvertér. Resultatet opdateres også, mens du skriver.
  5. Kopiér eller download resultatet. Skift retning flytter resultatet tilbage til inputfeltet, så du kan konvertere den anden vej og tjekke, at det går op.

Forhåndsvisning under resultatet viser, hvordan Markdown gengives, så du hurtigt kan kontrollere konverteringen.

Hvad konverteringen fra HTML til Markdown gør

Konverteren læser din HTML med browserens egen parser i et inaktivt dokument: Scripts kører ikke, og billeder downloades ikke. Derefter gennemgår den sidens struktur og skriver Markdown-ækvivalenten til hvert element:

  • <h1> til <h6> bliver til overskrifter. ATX (# Titel) skriver # til ######. Setext (understreget) understreger overskrifter på niveau 1 og 2 med === eller --- (niveau 3 til 6 bruger altid #).
  • <strong> og <b> bliver til **fed**, <em> og <i> bliver til _kursiv_, og inline <code> bliver til backticks.
  • Links bliver til [tekst](url "titel"), og billeder bliver til ![alt](src).
  • Lister bruger det valgte listetegn (-, * eller +). Nummererede lister beholder deres start-nummer, og indlejrede lister rykkes ind.
  • <pre><code> bliver til en kodeblok, enten Afgrænset (```) eller Indrykket (4 mellemrum).
  • <blockquote>, <hr> og linjeskift konverteres også.
  • <script>, <style>, <iframe>, <noscript> og lignende elementer fjernes sammen med deres indhold.

Tegn, der ellers ville blive læst som Markdown-syntaks, som en * eller en # i starten af en linje, får en omvendt skråstreg foran, så teksten forbliver bogstavelig.

GitHub Flavored Markdown

Med GitHub Flavored Markdown (tabeller, ~~gennemstregning~~, opgavelister) afkrydset:

  • Tabeller bliver til tabeller med lodrette streger og afstemte kolonner. Overskriften kommer fra en <thead>-række eller en række, der kun består af <th>-celler. Hvis der ingen er, tilføjes en tom overskriftsrække, fordi GFM kræver en. Kolonnernes justering læses fra align="right" eller style="text-align: center". Lodrette streger i celler får en omvendt skråstreg (\|), linjeskift bliver til <br>, og en colspan udfyldes med tomme celler. En <caption> skrives som et afsnit over tabellen.
  • <del>, <s> og <strike> bliver til ~~gennemstregning~~.
  • Afkrydsningsfelter i starten af listepunkter bliver til opgavelisteelementer: - [x] færdig, - [ ] mangler.

Markdown har ingen ækvivalent til indlejrede tabeller, sammenflettede rækker eller celletypografi. En tabel, der indeholder en anden tabel, beholdes som rå HTML, som de fleste Markdown-fortolkere accepterer. Uden GFM-valget beholdes hver tabel som HTML.

Markdown → HTML

Den anden vej gengives Markdown med en CommonMark-kompatibel parser, med GFM-udvidelserne når valget er slået til. Resultatet er HTML-fragmenter, klar til at blive indsat i et CMS, en e-mailskabelon eller en webside. Når Rens HTML (fjern scripts og hændelseshandlere) er afkrydset, renses rå HTML, der er indlejret i Markdown: <script>-tags, onclick-attributter og javascript:-links fjernes. Fjern kun markeringen for Markdown, du selv har skrevet.

Ofte stillede spørgsmål

Bliver min HTML sendt til en server?

Nej. Begge konverteringer kører helt i din browser, og siden uploader aldrig det, du indsætter eller åbner. Du kan trygt konvertere intern dokumentation eller udkast.

Er forhåndsvisningen sikker med ukendt HTML?

Ja. Forhåndsvisning sendes altid gennem DOMPurify: Scripts, formularer, frames og hændelseshandlere fjernes, links åbnes i en ny fane uden adgang til denne side, og eksterne billeder indlæses aldrig. Kun billeder, der er indlejret som data:-URL’er, vises.

Hvorfor forsvinder nogle dele af min side?

Markdown beskriver kun indholdets struktur. Layoutelementer, CSS-klasser, indlejret typografi, formularer og indlejrede widgets har ingen form i Markdown, så kun deres tekst bevares. Scripts og typografier fjernes helt.

Kan jeg konvertere en hel webside?

Ja. Indsæt hele kilden, inklusive <html> og <head>: Kun indholdet af <body> konverteres. For renere Markdown kan du indsætte kun artiklens del i stedet for navigation og sidefod.

Hvilken Markdown-variant bruger resultatet?

Resultatet følger CommonMark, standarden, som understøttes af GitHub, GitLab, Obsidian, de fleste statiske webstedsgeneratorer og mange CMS-editorer. Tabeller, gennemstregning og opgavelister følger specifikationen for GitHub Flavored Markdown.

Relaterede værktøjer