Gratis converter

Afwaardering naar HTML-converter

Transformeer Markdown-tekst naar productieklare HTML-code met ondersteuning voor live previews.

Over deze tool

Markdown is een lichtgewicht opmaaktaal gemaakt door John Gruber in 2004 om schrijvers gestructureerde HTML te laten produceren met behulp van platte tekstconventies: hash-tekens voor koppen, sterretjes voor nadruk, koppeltekens voor lijsten, ingesprongen blokken voor code. Het formaat is de standaard geworden voor README-bestanden, technische documentatie, blogconcepten, statische sitegeneratoren en elke context waarin het geschreven tekst leesbaar moet zijn als platte tekst en als weergegeven uitvoer. Het converteren van Markdown naar HTML is de weergavestap die de bron omzet in een webpagina.

Deze converter maakt gebruik van de gemarkeerde bibliotheek, de meest gebruikte Markdown-renderer in JavaScript. Marked ondersteunt CommonMark en GitHub Flavored Markdown (GFM), wat betekent dat tabellen, omheinde codeblokken, takenlijsten, doorhalen en automatisch koppelen allemaal correct werken naast de standaard Markdown-functies.

De uitvoer is eenvoudige HTML: semantische tags voor koppen, alinea's, lijsten, koppelingen en afbeeldingen, plus class hooks voor codeblokken waar tools voor syntaxisaccentuering deze verwachten. De uitvoer kan netjes in elk CMS worden geplakt, kan worden ingebed in statische sitegeneratoren of dient als zelfstandige .html. Er is geen CSS of JavaScript toegevoegd; het vormgeven van het resultaat wordt overgelaten aan uw downstream-context.

Waarom Markdown naar HTML converteren

Markdown is het formaat waar schrijvers en ontwikkelaars de voorkeur aan geven; HTML is het formaat dat browsers weergeven. De meeste statische sitegeneratoren en CMS-platforms converteren Markdown achter de schermen naar HTML, maar soms heb je de conversie als een op zichzelf staande stap nodig: plakken in een CMS dat geen Markdown-ondersteuning heeft, HTML voor e-mails genereren, een snel voorbeeld produceren of de weergegeven uitvoer extraheren voor verdere verwerking.

HTML is ook het canonieke formaat voor alle inhoud die uiteindelijk in een browser wordt weergegeven. E-mailnieuwsbrieven opgebouwd uit Markdown-concepten, documentatiepagina's ingebed in grotere HTML-applicaties en blogposts geplakt in editors die HTML verwachten, profiteren allemaal van een schone conversie.

Hoe te gebruiken

Plak Markdown, haal HTML op.

  1. Voeg uw afwaardering toe: Plak Markdown-tekst in het invoergebied of zet een .md-bestand neer. Zowel de standaard Markdown als de GitHub Flavored Markdown-syntaxis werken.
  2. Converteren: Marked parseert de Markdown in een AST en verzendt HTML. Standaard inline-elementen (nadruk, sterk, links, code, afbeeldingen), blokelementen (koppen, paragrafen, lijsten, blockquotes) en GFM-extensies (tabellen, omheinde code, takenlijsten, autolinks) worden allemaal correct weergegeven.
  3. Voorbeeld: Inspecteer de weergegeven HTML in het voorbeeldpaneel. Bevestig dat codeblokken, tabellen en andere complexe elementen verschijnen zoals verwacht.
  4. Kopiëren of downloaden: Kopieer de HTML naar het klembord om deze in een CMS te plakken, of sla deze op als .html voor zelfstandig gebruik. De uitvoer is semantische HTML5 zonder inlinestijlen.

Veelvoorkomende gebruiksscenario's

Technische details

Marked maakt gebruik van een two-pass-architectuur. De lexer tokeniseert de invoer in tokens op blokniveau (koppen, paragrafen, lijsten, codeblokken) en inline tokens (nadruk, links, afbeeldingen). De parser doorloopt de tokenstroom en zendt HTML uit, waarbij renderer-hooks worden toegepast voor elk tokentype.

GitHub Flavoured Markdown-extensies zijn standaard ingeschakeld: tabellen (met behulp van pipe-syntaxis), omheinde codeblokken (drievoudige backticks met taalhints), takenlijsten (- [ ] en - [x]), doorhalen (met dubbele tildes) en automatische URL-koppeling. Codeblokken zenden voorverpakte code uit met optionele taalklasse voor downstream-syntaxisaccentuering.

Het opschonen van de output wordt overgelaten aan de downstream-consumenten. Marked zendt alles uit wat de invoer oplevert, inclusief onbewerkte HTML die is ingebed in de Markdown. Als u niet-vertrouwde invoer accepteert, voert u de uitvoer uit via DOMPurify of een vergelijkbaar HTML-opschoningsmiddel voordat u deze in een browser weergeeft.

Beste praktijken

Veelgestelde vragen

Verandert het converteren van MARKDOWN naar HTML de inhoud?
De inhoud wordt zo nauwkeurig mogelijk bewaard. Sommige formaatspecifieke functies hebben echter mogelijk geen directe equivalenten, waardoor er kleine opmaakverschillen kunnen optreden.
Waar wordt het HTML-formaat voor gebruikt?
HTML (HyperText Markup Language) wordt voornamelijk gebruikt voor webpagina's en webinhoud.
Zijn er beperkingen waar u rekening mee moet houden?
Bestanden tot 50 MB worden ondersteund. Het verwerken van zeer grote of complexe bestanden kan langer duren. Alle conversies vinden plaats in uw browser, dus de verwerkingssnelheid is afhankelijk van uw apparaat.
Is deze conversie veilig en privé?
Ja. Alle verwerking gebeurt lokaal in uw browser. Uw gegevens verlaten uw apparaat nooit: geen serverupload, geen cloudverwerking, geen gegevensverzameling.
Worden emoji's ondersteund?
Unicode-emoji's worden rechtstreeks doorgegeven (als u een hart-emoji typt, wordt een hart in de uitvoer weergegeven). GitHub-stijl :emoji: shortcodes worden standaard niet geconverteerd; voeg een extensie toe als je dat nodig hebt.
Wordt mijn Markdown geüpload naar een server?
Nee. Gemarkeerd wordt uitgevoerd in uw browser; de conversie gebeurt volledig op uw apparaat.
Kan ik een aangepaste stijl aan de HTML toevoegen?
Ja, na conversie. De uitvoer is eenvoudige semantische HTML; pas uw eigen CSS toe op stijlkoppen, codeblokken, tabellen en andere elementen.
Ondersteunt het voetnoten?
Standaard CommonMark specificeert geen syntaxis van voetnoten. Sommige Markdown-extensies ondersteunen [^1] voetnootsyntaxis; deze converter volgt GFM, die geen voetnoten bevat.