Markdown naar HTML converter

Converteer Markdown naar HTML met een live preview.

Draait in je browser. Niets van wat je typt wordt ergens naartoe gestuurd.

Zo converteer je Markdown naar HTML

  1. Plak je Markdown.
  2. Bekijk de live preview hieronder.
  3. Kopieer of download de HTML.

Ondersteunde GitHub-flavored functies

FunctieVoorbeeld
Tabellen| a | b |
Taaklijsten- [ ] todo
Doorhalen~~tekst~~
Codeblokken met fences```js ... ```

Hoe de preview veilig blijft

  • script-, style- en iframe-tags worden verwijderd voordat de preview wordt weergegeven.
  • Inline event handlers, zoals onclick, worden verwijderd.
  • javascript:-links worden vervangen door een onschadelijke #, zodat ze geen code kunnen uitvoeren.

Waar geconverteerde HTML wordt gebruikt

  • Een README of documentatiepagina publiceren als onderdeel van een statische site.
  • Opgemaakte inhoud plakken in een e-mail of CMS dat ruwe HTML accepteert.
  • Vooraf bekijken hoe Markdown wordt weergegeven voordat je het naar een repository commit.
  • Een fragment uitproberen voordat je het plakt in een commentaarvak dat GitHub-flavored Markdown weergeeft, zoals een pull request-beschrijving.

Snelle referentie voor Markdown-syntax

MarkdownWordt weergegeven als
# KopEen kop van niveau 1
**vet**Vetgedrukte tekst
*cursief*Cursieve tekst
[tekst](url)Een link
- itemEen lijstitem met bullet
`code`Inline code

Veelgestelde vragen over Markdown naar HTML

Is de preview veilig om te bekijken?

Ja. Script-tags, inline event handlers en javascript-links worden verwijderd voordat de preview wordt weergegeven.

Kan ik Markdown met ingesloten HTML plakken?

Ja. Inline HTML in de Markdown blijft behouden en wordt samen met de rest van de inhoud weergegeven.

Ondersteunt het codeblokken met syntax highlighting?

Codeblokken behouden hun taalnaam in een class-attribuut, maar deze pagina voegt geen kleursyntax-highlighting toe.

Welke Markdown-bibliotheek gebruikt dit?

marked, met GitHub-flavored Markdown (gfm) aangezet, zodat tabellen, taaklijsten en doorhalen allemaal parsen zoals op GitHub.

Ondersteunt het voetnoten of definitielijsten?

Nee. Dat zijn uitbreidingen buiten GitHub-flavored Markdown en worden hier niet ondersteund.

Kan ik Markdown met ingesloten afbeeldingen bekijken?

Ja, een afbeeldingsverwijzing zoals ![alt](url) wordt weergegeven in de preview zolang de URL bereikbaar is vanuit je browser. Een lokaal bestandspad op je eigen computer laadt niet in een webpagina.

Maakt regelafstand uit in Markdown?

Ja. Een lege regel scheidt twee alinea's. Eén enkel regeleinde binnen een alinea wordt meestal genegeerd, tenzij de regel eindigt met twee spaties of een backslash, die allebei een regeleinde afdwingen.

Kan ik een lijst nesten in een lijst, of een codeblok in een lijstitem?

Ja. Spring de geneste inhoud 2 of 4 spaties in onder de markering van het lijstitem, en marked leest de inspringing op dezelfde manier als de Markdown-renderer van GitHub.

Gerelateerde tools