HTML-naar-Markdown-converter
Plak HTML en krijg Markdown die de structuur behoudt: koppen, vet en cursief, links, afbeeldingen, lijsten, citaten, codeblokken en eenvoudige tabellen. Scripts, stijlen en lay-outwrappers worden weggelaten, en de pagina toont hoeveel korter het resultaat is. Gratis, zonder account, en de HTML wordt in je browser verwerkt, nooit geüpload.
Zo gebruik je de HTML-naar-Markdown-converter
- 1. Plak je HTML. Een fragment of een volledige pagina werkt; alleen de body wordt omgezet.
- 2. Druk op Omzetten naar Markdown. De Markdown verschijnt hieronder met drie tellers: HTML-tekens, Markdown-tekens en de grootteverkleining.
- 3. Controleer het resultaat. Lees het naast je origineel, vooral tabellen en geneste lijsten (zie de beperkingen hieronder).
- 4. Kopieer het. Markdown kopiëren zet de tekst op je klembord, klaar voor een README, een static-site-generator of een notitie-app.
Wat elk HTML-element wordt
De tool parseert je HTML met de eigen HTML-parser van de browser en loopt door de boom, dus misvormde opmaak wordt gerepareerd zoals een browser dat zou doen. Elk element wordt daarna omgezet naar zijn Markdown-tegenhanger:
| HTML | Markdown |
|---|---|
h1 tot en met h6 | # tot ######, gevolgd door de koptekst |
p | Een alinea, gescheiden door lege regels |
br, hr | Een regeleinde; --- |
strong, b | **vet** |
em, i | *cursief* |
code | De tekst tussen enkele backticks |
pre | Een omheind blok van drie backticks, zonder taalaanduiding |
a | [tekst](adres) |
img |  |
ul, ol | - als opsommingstekens, of 1. 2. 3. hernummerd vanaf 1; geneste lijsten ingesprongen met twee spaties per niveau |
blockquote | Elke regel voorafgegaan door > |
table | Een pipe-tabel; de eerste rij wordt de kop |
div, span, section, al het overige | Uitgepakt: de tag gaat weg, de inhoud blijft |
script, style, head, meta, link, title, noscript, template, iframe | Verwijderd met hun inhoud |
Uitgewerkt voorbeeld
HTML
<h1>Citation Basics</h1><p>Use <strong>APA</strong> or <em>MLA</em>; see the <a href="https://apastyle.apa.org">APA site</a>.</p><ul><li>Author</li><li>Year<ul><li>Month</li></ul></li></ul><table><tr><th>Style</th><th>Year</th></tr><tr><td>APA</td><td>7th</td></tr></table>
Markdown
Een # Citation Basics-kop; een alinea met Use **APA** or *MLA*; see the [APA site](https://apastyle.apa.org).; de lijst - Author, - Year en een ingesprongen - Month; daarna een tweekoloms pipe-tabel met ----scheiders en één rij, APA en 7th.
Tellers
273 HTML-tekens, 159 Markdown-tekens, een reductie van 42%.
Markdown kan niet alles uitdrukken wat HTML kan, en dat is het punt ervan: de uitvoer is de structuur van het document en niets van de presentatie.
Beperkingen om te controleren
- Tabellen worden platgeslagen. Elke cel wordt teruggebracht tot platte tekst, dus links en nadruk binnen cellen gaan verloren, pipes worden ge-escaped en samengevoegde cellen worden niet begrepen. Pipe-tabellen zijn een uitbreiding van GitHub Flavored Markdown, geen onderdeel van de kern van CommonMark, dus controleer of je bestemming ze ondersteunt.
- Sommige inline-tags vallen weg. Onderstreping, doorhalen, superscript en subscript hebben hier geen Markdown-tegenhanger, dus hun tekst blijft behouden zonder opmaak.
- Speciale tekens worden niet ge-escaped. Een letterlijke asterisk of underscore in je tekst blijft staan en kan door een Markdown-renderer als nadruk worden gelezen.
- Geneste genummerde lijsten worden per niveau met twee spaties ingesprongen, wat de meeste renderers accepteren, maar sommige willen drie spaties onder een
1.-marker. - Links en afbeeldingen behouden hun oorspronkelijke adres, dus relatieve paden blijven relatief.
Welke tool heb je nodig?
Gebruik deze pagina om de structuur te behouden bij het overzetten van HTML naar Markdown. Wil je alleen de woorden, dan geeft de HTML-tag-verwijderaar platte tekst. Andersom rendert de Markdown to HTML Converter Markdown, en Markdown naar Tekst haalt Markdown terug tot platte tekst. Om HTML op te maken voordat je omzet, gebruik je de HTML Formatter.
Veelgestelde vragen
- Welke HTML-elementen worden omgezet naar Markdown?
- Koppen, alinea's, regeleinden, horizontale lijnen, vet, cursief, inline-code, codeblokken, links, afbeeldingen, geordende en ongeordende lijsten, citaten en eenvoudige tabellen. De tabel hierboven geeft de exacte toewijzing.
- Worden geneste lijsten verwerkt?
- Ja. Geneste lijsten worden met twee spaties per niveau ingesprongen, en geordende lijsten worden vanaf 1 hernummerd. Een lijst die in de HTML bij een ander getal begint, zoals
start="5", wordt ook vanaf 1 hernummerd. - Wat gebeurt er met tags die de converter niet herkent?
- Ze worden uitgepakt: de tag wordt weggelaten en de tekst blijft behouden. Een div of span verdwijnt spoorloos, terwijl script, style en vergelijkbare elementen samen met hun inhoud worden verwijderd.
- Kan het HTML-tabellen omzetten?
- Eenvoudige wel: ze worden pipe-tabellen met de eerste rij als kop. Samengevoegde cellen, geneste tabellen en links of opmaak binnen cellen blijven niet behouden.
- Werkt het op een hele webpagina?
- Ja, maar het zet alles in de body om, inclusief navigatiemenu's en voetteksten, als gewone tekst en links. Plak voor een artikel alleen de HTML van het artikel.
- Waarom ziet de Markdown er eenvoudiger uit dan de oorspronkelijke pagina?
- Markdown legt structuur vast — koppen, nadruk, links, lijsten — niet kleuren, lettertypen of lay-out. CSS, formulieren en ingesloten widgets worden met opzet weggelaten.
- Wordt mijn HTML naar een server geüpload?
- Nee. De omzetting draait in je browser met de ingebouwde DOMParser, die geen scripts in de geplakte HTML uitvoert, en niets wat je plakt verlaat je apparaat.