Markdown naar HTML omzetten
Schone HTML zonder overbodige classes, klaar voor je website of nieuwsbrief.
Hier zie je meteen hoe je tekst eruitziet.
- 100% in je browser
- Geen account nodig
- AVG-proof
- Gratis
Markdown is fijn om in te schrijven, maar een website, een nieuwsbriefprogramma of een oud CMS wil HTML. Zelf tags typen is foutgevoelig, en veel online tools stoppen er allerlei classes en inline styles in die je daarna weer moet weghalen.
Deze converter geeft je twee smaken. Alleen inhoud levert een fragment op met precies de tags die nodig zijn: h1 tot h6, p, ul, ol, table, pre en a. Dat plak je zo in de HTML-weergave van WordPress, Mailchimp of je eigen CMS. Volledige pagina met CSS levert een compleet bestand met lang=nl, een titel en een kleine, nette stylesheet.
De HTML volgt de GitHub-variant van Markdown. Tabellen, doorgehaalde tekst en codeblokken met een taal erbij worden dus ook goed herkend. Speciale tekens zoals < en & worden netjes omgezet, zodat je pagina niet breekt.
Een voorbeeld: een fietsenwinkel in Haarlem laat ChatGPT een productpagina schrijven met een korte intro, voordelen in een lijst en een tabel met maten en prijzen. Met Alleen inhoud krijgt de eigenaar een stukje HTML dat hij direct in zijn webshop plakt, zonder dat de opmaak van zijn thema in de war raakt.
Wat er in je HTML terechtkomt
| Element | Resultaat | Toelichting |
|---|---|---|
| Koppen | ✓ | h1 tot en met h6 |
| Lijsten | ✓ | ul en ol, ook genest |
| Tabellen | ✓ | table met thead en tbody |
| Codeblokken | ✓ | pre met code, taal als class |
| Links en afbeeldingen | ✓ | a en img met het originele adres |
| Speciale tekens | ✓ | < > & worden veilig omgezet |
| Volledige pagina | ✓ | Met lang=nl, titel en ingebouwde CSS |
| Fragment zonder extra's | ✓ | Geen classes, geen inline styles |
| Ruwe HTML in je Markdown | deels | Wordt ongewijzigd doorgegeven |
| Inhoudsopgave en ankers | ✗ | Koppen krijgen geen id |
Zo zet je Markdown om naar HTML (Markdown to HTML)
- 1
Plak of open je Markdown
Zet je tekst in het vak of open een .md-bestand. Rechts zie je hoe de HTML er straks in een browser uitziet.
- 2
Kies fragment of pagina
HTML staat al klaar. Kies daaronder of je alleen de inhoud wilt of een volledige pagina met CSS.
- 3
Download het .html-bestand
Klik op Downloaden als HTML. Open het bestand in een teksteditor om de code te kopiëren, of dubbelklik om de pagina in je browser te bekijken.
Tip: kies Alleen inhoud als je de HTML in een bestaand systeem plakt, want daar zorgt het thema al voor de opmaak. Kies Volledige pagina met CSS als je een losse pagina wilt bewaren, bijvoorbeeld een handleiding die je op een gedeelde schijf zet of als bijlage meestuurt. Die opent in elke browser direct goed leesbaar.
Waar de omzetting grenzen heeft
- Koppen krijgen geen id-attribuut. Een inhoudsopgave met springlinks moet je zelf toevoegen.
- Ruwe HTML die al in je Markdown staat, geven we ongewijzigd door. Controleer die als de tekst van iemand anders komt.
- Afbeeldingen blijven verwijzen naar hun originele adres. We downloaden ze niet en sluiten ze niet in.
- Codeblokken krijgen geen kleurtjes. Je CMS of een library als Prism kan dat achteraf doen.
- De ingebouwde CSS is bewust eenvoudig. Voor je eigen huisstijl pas je de stylesheet bovenaan het bestand aan.
- Wiskundige formules worden niet omgezet naar MathML of een andere wiskundige notatie.
Wil je weten hoe je HTML er in een chatbot uitziet? Andersom omzetten kan ook: met HTML naar Markdown haal je de inhoud van een webpagina weer terug naar platte tekst, bijvoorbeeld om een bestaand artikel te laten herschrijven en het daarna opnieuw om te zetten naar HTML.
Waarvoor mensen Markdown naar HTML omzetten
Blogberichten in WordPress
Schrijf in Markdown of laat een chatbot een concept maken, zet het om naar een fragment en plak het in de codeweergave van de editor.
Nieuwsbrieven
Mailprogramma's als Mailchimp en Laposta accepteren eigen HTML. Met een schoon fragment krijg je koppen en lijstjes zonder gedoe met de visuele editor.
Losse handleidingen
Een volledige HTML-pagina met CSS kun je op elke computer openen, ook zonder internet. Ideaal voor een handleiding op een gedeelde schijf.
Productteksten voor webshops
Productomschrijvingen met een maattabel en een lijst met eigenschappen zet je om en plak je direct in Shopify, WooCommerce of Lightspeed.
Veelgestelde vragen over Markdown naar HTML
Wat is het verschil tussen fragment en volledige pagina?+
Een fragment bevat alleen de inhoud, zoals koppen, alinea's en tabellen, zonder html-, head- of body-tag. Dat plak je in een bestaand systeem. Een volledige pagina is een compleet bestand met lang=nl, een titel en CSS, dat je los kunt openen in een browser.
Is de HTML geschikt voor WordPress?+
Ja. Kies Alleen inhoud en plak het resultaat in een blok Aangepaste HTML of in de code-editor. Omdat er geen eigen classes of styles in zitten, neemt je thema de opmaak gewoon over.
Kan ik de CSS aanpassen?+
Zeker. In de volledige pagina staat de CSS bovenaan tussen style-tags. Pas lettertype, kleuren of breedte aan in een teksteditor en sla het bestand op.
Worden tabellen goed omgezet?+
Ja, Markdown-tabellen worden echte HTML-tabellen met een thead voor de kopregel en een tbody voor de rest. Uitlijning per kolom blijft behouden.
Wordt mijn tekst geüpload?+
Nee. De HTML wordt in je browser gemaakt. Er gaat niets naar een server en we bewaren je tekst niet.