Markdown naar HTML-converter online - Converteer .md en GFM naar schone HTML
Converteer Markdown (.md) en GitHub Flavored Markdown (GFM) in schone, semantische HTML-code in realtime. Perfect voor het publiceren van artikelen van Obsidian, Notion of VS Code naar WordPress- en CMS-platforms, het weergeven van GitHub README.md-documentatie, het converteren van Markdown pipe-tabellen naar HTML markup, of het exporteren van zelfstandige HTML5-webpagina's.
Je live weergegeven HTML-voorbeeld verschijnt hier...
Hoe Markdown online naar HTML te converteren
- Voer of plak uw Markdown: Typ of plak uw
.md-inhoud in de Markdown Input-editor aan de linkerkant, of klik op Load Sample Markdown om koppen, GFM-pipe-tabellen, takenlijsten, blockquotes en omheinde codeblokken te bekijken onmiddellijk omgezet. - Selecteer uw conversievoorinstelling of opties: Gebruik de Quick Presets-balk (bijv. GitHub README (GFM), Blog / CMS Clean HTML of Full HTML5 Page) of verfijn individuele selectievakjes in het rechter instellingenpaneel.
- Preview zowel code als gerenderde HTML: Schakel tussen HTML-code (om onbewerkte, ingesprongen markeringen te inspecteren) en Live preview (om te zien hoe uw tabellen, typografie en gemarkeerde codeblokken er in de browser uitzien).
- Kopieer of download
.html: Klik op Kopieer naar clipboard om de gegenereerde HTML in uw CMS of IDE te plakken, of klik op Download .html om een kant-en-klaar bestand op te slaan.
Cheatsheet voor conversiereferentie van Markdown naar HTML
Onze converter ondersteunt de standaard CommonMark-syntaxis en GitHub Flavoured Markdown (GFM)-extensies:
| Element | Markdown-syntaxis (.md) |
Gegenereerde HTML-uitvoer | |
|---|---|---|---|
| Koppen (H1–H6) | # Titel / ## Sectie |
/ |
|
| Vet en cursief | **Vet**, *Cursief*, ***Beide*** |
Vet, Cursief, Beide |
|
| Doorstreping (GFM) | ~~Verouderd~~ |
|
|
| Links en afbeeldingen | [Documenten](https://example.com) |
Documenten |
|
| Takenlijsten (GFM) | - [x] Voltooide taak- [ ] Taak in behandeling |
|
|
| Omheinde codeblokken | ```jsconst x = 1;``` |
|
|
| Pijptafels (GFM) | | Naam | Score || :--- | ---: | |
|
Veelvoorkomende gebruiksscenario's voor het converteren van Markdown naar HTML
- CMS en blogpublicatie: Stel berichten netjes op in Obsidian, Notion, iA Writer of VS Code en converteer ze vervolgens naar semantische HTML-fragmenten, klaar om te plakken in WordPress, Ghost, Webflow, Shopify of aangepaste CMS-editors.
- GitHub README en technische documentatie: Bekijk een voorbeeld van hoe
README.md-bestanden, changelogs en API-documenten worden weergegeven, inclusief GFM-pipe-tabellen, taakchecklists en automatische kopanker-ID's (#section-name). - HTML Productie van e-mail en nieuwsbrief: Schrijf nieuwsbriefkopieën in het afleidingsvrije Markdown en exporteer schone, klassenvrije HTML-paragrafen, lijsten en links.
- Standalone webpagina's: Schakel Wrap in volledig HTML5-document in om elke Markdown-notitie om te zetten in een compleet, op zichzelf staand
.html-bestand met ingebouwde responsieve CSS en donkere codeblokken.
Conversie-opties uitgelegd
- Sanitize HTML Uitvoer: Beschermt uw site of applicatie tegen XSS door gevaarlijke tags te verwijderen (
,,), inline gebeurtenishandlers (onerror,onclick) enjavascript:URI's. - GitHub gearomatiseerd Markdown (GFM): Breidt standaard Markdown uit met pijptabellen (inclusief kolomuitlijning dubbele punten
:---,:---:,---:), takenlijst in interactieve stijl selectievakjes,~~doorhalen~~en automatische URL-koppeling. - Kop genereren
idSlugs: Creëert automatisch URL-vriendelijke slug-ID's optot en met-tags (afhandeling van dubbele koppen met-1,-2achtervoegsels) zodat ankerlinks naar de inhoudsopgave direct werken. - Slimme interpunctie (SmartyPants): Transformeert ASCII aanhalingstekens (
"..."en'...'), dubbele/drievoudige koppeltekens (--/---), en drie punten (...) in typografische gekrulde aanhalingstekens, streepjes (–), em-streepjes (—) en ellipsen (…) zonder de codeblokken aan te raken.
Veelgestelde vragen
Converteert deze tool Markdown pijptabellen naar HTML -code?
Ja! Wanneer GitHub Flavoured Markdown (GFM) is aangevinkt (standaard ingeschakeld), wordt elke Markdown-pijptabel omgezet in een gestructureerde HTML met , , , en -tags, waarbij de uitlijning van de linker-, midden- en rechterkolom behouden blijft.
Waarom moet ik "HTML-uitvoer opschonen" ingeschakeld houden?
Markdown staat standaard ingebedde onbewerkte HTML toe. Door de Sanitize HTML-uitvoer aangevinkt te houden, zorgt u ervoor dat als u niet-vertrouwde Markdown-inhoud converteert, schadelijke -tags, onerror-kenmerken of javascript:-links worden verwijderd voordat u de HTML op uw website.
Kan ik een compleet HTML-bestand genereren met - en -tags?
Ja. Vink aan in het volledige HTML5-document (of klik op de knop Volledige HTML5-pagina preset) naar wrap uw geconverteerde HTML in een volledige
-sjabloon compleet met UTF-8 metatags, responsieve viewport-instellingen en schone stylesheet-regels.
Hoe kan ik HTML-code terug converteren naar Markdown (.md)?
Als u HTML-code of een webpaginatabel heeft die u wilt omzetten in Markdown, gebruikt u onze bijbehorende HTML naar Markdown Converter, die hieronder is gelinkt.
