onlinetools.dev

Markdown ↔ HTML-converter

Render Markdown naar HTML met live voorbeeld, of zet HTML terug om in Markdown

Draait lokaal
loading…
Over deze tool

Schrijf of plak Markdown en zie zowel het gerenderde voorbeeld als de gegenereerde HTML naast elkaar — koppen, GFM-tabellen, opsommingen in takenlijststijl, fenced codeblokken en doorhalingen inbegrepen. De omgekeerde richting zet bestaande HTML om in schone Markdown met ATX-koppen, streepjesopsommingen en fenced code, wat de snelste manier is om oude CMS-inhoud naar een docs-repository te verhuizen.

Het voorbeeld wordt vóór het renderen opgeschoond: scripts, iframes en event-handler-attributen worden verwijderd, zodat een gedeelde link met vijandige markup niets in je browser kan uitvoeren. Het HTML-uitvoervak toont altijd de ruwe conversie, om in sjablonen of e-mails te plakken.

Conversie en voorbeeld draaien lokaal. Concept-releasenotities met nog niet aangekondigde functienamen blijven op je machine.

Veelgestelde vragen

Welke Markdown-smaak is dit?
CommonMark plus de GitHub-uitbreidingen die mensen echt gebruiken: tabellen, doorhaling en automatisch gelinkte URL’s. Zachte regeleinden blijven zacht — één newline wordt geen <br>, net als hoe GitHub documenten rendert.
Waarom verschilt het voorbeeld van de ruwe HTML-uitvoer?
Het voorbeeld gaat door een sanitizer die scripttags, inline event handlers en javascript:-URL’s verwijdert voordat er gerenderd wordt. Het uitvoervak omzeilt de sanitizer omdat het tekst is, geen gerenderde markup — schoon verderop zelf op als je door gebruikers aangeleverde HTML insluit.
Hoe getrouw is HTML → Markdown?
Structurele elementen — koppen, lijsten, links, nadruk, code, blockquotes, afbeeldingen — converteren schoon. HTML zonder Markdown-equivalent (geneste tabellen, divs met klassen, inline styles) gaat door als ruwe HTML of verliest zijn opmaak, dus een snelle doorlezing achteraf is de moeite waard.
Kan ik de gegenereerde HTML in een e-mail gebruiken?
Ja — de uitvoer is gewone semantische HTML zonder klassen of externe stylesheets, en dat is precies wat e-mailclients het beste verdragen. Voeg de opmaak die je nodig hebt er inline aan toe.
Gerelateerde tools