Markdown-preview

Wat is Markdown?

Markdown is een lichtgewicht opmaaktaal die John Gruber in 2004 maakte om opgemaakte tekst te schrijven met alleen een gewoon toetsenbord. **vet**, # koppen, - lijsten — kleine conventies die uitkomen op schone HTML. Het is het standaardformaat voor README-bestanden op GitHub, posts op Reddit en Stack Overflow, documentatiegeneratoren en de meeste notitie-apps. Deze previewer parseert je invoer met de marked-bibliotheek en toont de gerenderde HTML naast de bron, zodat je snel kunt itereren zonder de pagina te verlaten.

Hoe gebruik je deze previewer

Typ of plak Markdown links. Het rechterpaneel rendert opnieuw tijdens typen. Schakel GitHub-flavored aan voor extra's zoals tabellen, taaklijsten en doorhalen. Schakel Regelafbreken op nieuwe regel aan als je elke regelbreuk een <br> wilt laten worden (de meeste editors hebben een voorkeur voor de standaard, waarbij je een lege regel tussen alinea's zet). Klik op HTML kopiëren om de gerenderde HTML naar je klembord te sturen — plak in een CMS, een e-mail of overal waar HTML kan.

Snelle syntaxreferentie

De meest voorkomende Markdown-tokens. De previewer accepteert de volledige CommonMark-spec plus de GitHub-flavored extensies wanneer GFM aan staat.

Markdown	Rendert als
`# Title`	Bovenste kop
`bold`	vet
`italic`	cursief
`code`	`inline code`
`[text](url)`	Hyperlink
`- item`	Bulletlijstitem
`> quote`	Blokcitaat
`\| a \| b \|`	Tabelrij (GFM)

Veelgestelde vragen

Wordt mijn Markdown ergens naartoe gestuurd?

Nee. Het parsen gebeurt volledig in je browser via de marked-bibliotheek die vanaf een publieke CDN wordt geladen. Na de eerste scriptlaadtijd worden er geen requests meer gedaan — typen en renderen zijn 100% offline. Open DevTools > Network en je ziet geen verkeer tijdens het bewerken. Veilig voor concepten, interne docs en alles wat je niet in een gehoste editor zou plakken.

Wat doet de GFM-schakelaar?

GitHub-flavored Markdown voegt extensies toe aan de CommonMark-basis: tabellen, taaklijsten (- [x] gedaan), doorhalen (~~tekst~~), autolinks en iets andere lijst/alinea-regels. Met de schakelaar aan zie je de GitHub-rendering; uit, strikte CommonMark. De meeste platformen (GitHub, GitLab, Stack Overflow) gebruiken GFM, dus laat het standaard aan.

Waarom maakt één regelbreuk geen nieuwe regel?

Volgens de Markdown-spec is één nieuwe regel gewoon een spatie — alinea's worden gescheiden door lege regels. Dat sluit aan bij Word/Google Docs-tekstomslag en wat GitHub doet. Wil je dat elke nieuwe regel afbreekt (poëzie, lijsten met namen, logregels), zet dan Regelafbreken op nieuwe regel aan.

Is de uitvoer veilig om in mijn site te plakken?

Wees voorzichtig met onbetrouwbare Markdown. Markdown staat ruwe HTML pass-through toe, dus een kwaadaardige bron kan een <script>-tag inbedden die uitvoert wanneer je de gerenderde HTML ergens plakt zonder sanitisatie. Deze previewer is voor inspectie — als je gebruikersgeleverde Markdown via je site doorvoert, sanitiseer dan de uitvoer met iets als DOMPurify op de server voordat je deze serveert.

Kan ik exporteren naar PDF of Word?

Niet rechtstreeks hier, maar de workflow is eenvoudig: kopieer de gerenderde HTML met de knop, plak die in een document-editor (Google Docs, Pages, LibreOffice behouden allemaal HTML-opmaak bij plakken) en exporteer daaruit. Voor PDF is de simpelste route de gerenderde HTML afdrukken — het printvenster van je browser heeft een "Opslaan als PDF"-bestemming.

Waarom wordt sommige HTML rauw gerenderd in mijn uitvoer?

Markdown staat opzettelijk inline HTML toe — alles tussen < en > dat op een tag lijkt, gaat as-is door. Wil je HTML tonen in plaats van renderen, escape dan de pijltjes (< en >) of wikkel het fragment in fenced code (drie backticks). Dezelfde truc werkt voor elke letterlijke Markdown-leesteken.

Markdown-preview