HTML naar Markdown omzetten

Van tags en attributen naar leesbare tekst, met de structuur er nog in.

  • 100% in je browser
  • Geen account nodig
  • AVG-proof
  • Gratis

HTML zit vol met div's, classes, inline styles en trackingscripts. Voor een browser is dat prima, maar voor een taalmodel is het vooral ballast: een groot deel van je tokens gaat op aan code die niets met de inhoud te maken heeft.

Plak je HTML in het tekstvak of upload een .html-bestand. We halen scripts, stylesheets en navigatiemenu's weg en zetten de rest om: h1 tot h6 worden koppen, ul en ol worden lijsten, a-tags worden Markdown-links en tables worden GFM-tabellen.

Hoeveel scheelt dat? Bij een gemiddeld nieuwsartikel is de Markdown-versie vele malen korter dan de broncode, omdat alle opmaakcode wegvalt. Voor een chatbot betekent dat meer ruimte voor je eigen vraag en minder kans dat het model afgeleid raakt door een advertentieblok of een stuk JavaScript dat niets met de tekst te maken heeft.

Een voorbeeld: je beheert een webshop met honderden productpagina's en wilt een chatbot laten helpen met het herschrijven van de productteksten. Exporteer de beschrijvingen als HTML uit je CMS, zet ze hier om en geef de Markdown aan ChatGPT. Het model ziet nu alleen de kopjes, opsommingen en specificatietabellen, en schrijft een nieuwe tekst die je zo weer terug kunt zetten.

Wat er in Markdown terechtkomt

ElementResultaatToelichting
Koppen h1 t/m h6✓Worden # tot en met ######
Links✓Als [tekst](url)
Tabellen✓Als GFM-tabel
Lijsten✓Ook genest
Codeblokken (pre)✓Als ``` blok
Afbeeldingen✓Als ![alt](src), het plaatje zelf niet
Scripts en styles✓Volledig verwijderd
Navigatie (nav)✓Weggelaten
Footer, sidebar en cookiebannersdeelsBlijven staan als ze geen nav zijn
Formulieren en knoppendeelsAlleen de zichtbare tekst

Zo zet je HTML om naar Markdown (HTML to Markdown)

  1. 1

    Plak of upload je HTML

    Plak de broncode in het tekstvak, of sleep een .html- of .htm-bestand in het vak. De broncode van een webpagina vind je in je browser via rechtsklik en Paginabron weergeven.

  2. 2

    Opschonen en omzetten

    Scripts, styles en navigatie gaan eruit. Wat overblijft wordt Markdown, in een fractie van een seconde.

  3. 3

    Gebruik het resultaat

    Kopieer de Markdown naar je chatbot of CMS, of download het .md-bestand voor je static site generator zoals Hugo of Astro.

Tip: wil je alleen het artikel en niet de hele pagina? Klik in je browser met rechts op de tekst, kies Inspecteren en kopieer het article- of main-element met Copy outerHTML. Plak dat in het tekstvak. Dan zit er geen footer, sidebar of reclame meer in je resultaat en houd je alleen de inhoud over.

Waar de omzetting grenzen heeft

  • We halen script, style, nav, noscript en iframe weg. Een footer, sidebar of cookiemelding die anders is opgebouwd, blijft in de tekst staan. Haal die zelf weg als je ze niet nodig hebt.
  • Afbeeldingen worden een Markdown-verwijzing naar het originele adres. Het plaatje zelf downloaden we niet.
  • Opmaak die alleen met CSS is gemaakt, zoals een div die eruitziet als een kop, herkennen we niet als kop.
  • Een webpagina die zijn inhoud pas met JavaScript laadt, bevat in de broncode vaak weinig tekst. Kopieer dan de HTML via de ontwikkelaarstools van je browser.
  • Formulieren, knoppen en interactieve onderdelen worden platte tekst.
  • We halen geen pagina's op van internet. Je moet de HTML zelf plakken of als bestand opslaan.

Andersom kan ook. Schrijf je teksten liever in Markdown en heb je HTML nodig voor je nieuwsbrief of website? Met onze converter van Markdown naar HTML krijg je schone code terug, als los fragment voor je CMS of als complete pagina met nette, ingebouwde CSS.

Waarvoor mensen HTML naar Markdown omzetten

Webartikelen voeren aan een chatbot

Wil je dat Claude een lang artikel samenvat? Zet de HTML om en je bespaart vaak meer dan de helft van de tokens, zodat er meer ruimte overblijft voor je vraag.

Migreren naar een nieuw CMS

Van WordPress naar een static site? Zet je oude berichten om naar Markdown en zet ze in de content-map van Hugo, Astro of Eleventy.

E-mailnieuwsbrieven archiveren

Nieuwsbrieven zijn vaak een warboel van tabellen en inline styles. Als Markdown bewaar je alleen de tekst en links, overzichtelijk in je notitie-app.

Documentatie opschonen

Een oude helppagina of intranetpagina omzetten naar Markdown is de eerste stap naar een nette kennisbank in Git of Notion.

Veelgestelde vragen over HTML naar Markdown

Kan ik HTML plakken in plaats van uploaden?+

Ja. Plak je code in het tekstvak Plak hier je HTML en klik op Omzetten. Dat werkt net zo goed als een bestand uploaden, en is handig voor een stukje code uit je CMS of e-mailprogramma.

Wat gebeurt er met scripts en styles?+

Die gaan er volledig uit, net als noscript, iframes en de nav-elementen. Dat is precies de code waar een taalmodel niets mee kan en die je anders veel tokens kost.

Blijven links en afbeeldingen behouden?+

Links blijven klikbaar als [tekst](adres). Afbeeldingen worden een Markdown-verwijzing met de alt-tekst en het adres van het plaatje. Het plaatje zelf zit niet in je Markdown.

Kan ik een hele webpagina omzetten?+

Ja. Sla de pagina op via je browser met Ctrl+S of Cmd+S als HTML, of kopieer de paginabron. Zet het resultaat hier om. Menu's in een nav-element verdwijnen, de rest van de pagina blijft staan.

Wordt mijn HTML geüpload?+

Nee. Ook geplakte code blijft in je browser. Er wordt niets naar een server gestuurd en we halen ook geen externe bestanden op die in je HTML staan.

Andere omzettingen