Markdown Preview
Schrijf Markdown en bekijk HTML live
Markdown-concept
Live Preview
Wat is Markdown Preview?
Markdown Preview is een realtime renderingtool die je precies laat zien hoe je Markdown-broncode eruitziet wanneer deze wordt omgezet naar HTML. Met een gesplitst paneel schrijf je ruwe Markdown aan de linkerkant terwijl de rechterkant de live gerenderde uitvoer toont. Deze directe visuele feedback elimineert het giswerk bij Markdown-opmaak — je kunt zien hoe koppen eruitzien, of links werken, hoe codeblokken worden gerenderd en of de tabelsyntaxis correct is, allemaal zonder de editor te verlaten.
CommonMark is de standaard Markdown-specificatie die de meeste previewtools volgen, wat consistente rendering op alle platforms garandeert. Deze tool implementeert CommonMark-compatibele parsing. Voor GitHub-specifieke functies zoals takenlijsten, doorhalen en autolinks, ondersteunt de preview ook GitHub Flavored Markdown-extensies.
Previewtools zijn van onschatbare waarde voor elke contentmaker die met Markdown werkt. Technische schrijvers die documentatie opstellen, kunnen complexe geneste lijsten en codeblokopmaak valideren. Open-source beheerders die README's schrijven, kunnen ervoor zorgen dat functietabellen correct worden weergegeven. Ontwikkelaars kunnen commitberichten, pull request-beschrijvingen en issuecommentaren correct opmaken voor ze indienen.
Hoe gebruik je de Markdown Preview
Volg deze stappen om Markdown als HTML in realtime te bekijken. Elke stap gebruikt de werkelijke knoppen en panelen op deze pagina.
Plakken, uploaden of voorbeeld laden
Typ of plak Markdown in het linker Markdown-concept paneel, of klik op Uploaden om een .md-bestand te laden. Klik op Voorbeeld voor API-voorbeelddocumentatie. Ondersteunt CommonMark en GFM (tabellen, takenlijsten, codeblokken).
Live Preview bekijken
Het rechter Live Preview paneel wordt bijgewerkt terwijl je typt. Zie koppen, lijsten, tabellen en codeblokken gerenderd. Geen vertraging — directe feedback.
HTML kopiëren of downloaden
Klik op HTML kopiëren of HTML downloaden om de uitvoer te gebruiken. Gebruik Wissen om opnieuw te beginnen. Alle verwerking gebeurt in je browser.
Wanneer je dit echt zou gebruiken
Documentatie schrijven en bewerken
GitHub-repositories, ReadTheDocs-projecten en documentatiesites gebouwd met MkDocs of Hugo gebruiken allemaal Markdown. Previewtools laten je documentatie opstellen en perfectioneren zonder te wachten op builds of deployments.
GitHub Issues en PR's opstellen
Wanneer je gedetailleerde issues of pull request-beschrijvingen schrijft op GitHub, laten previewtools je bericht perfect opmaken. Gebruik de preview om te controleren of tabellen en codeblokken correct zijn voor je indient.
Release notes en changelogs maken
Software-releases vereisen duidelijke, goed opgemaakte release notes. Gebruik de Markdown-preview om changelogs op te stellen met correcte opmaak, versiekoppen, functielijsten en waarschuwingen voor breaking changes.
Veelgestelde vragen (FAQ)
Laat de preview precies zien hoe mijn content overal wordt gerenderd?
De preview gebruikt CommonMark-compatibele parsing plus GitHub Flavored Markdown-extensies, waarmee nauwkeurig wordt weergegeven hoe je content eruitziet op de meeste moderne platforms. Sommige platforms hebben echter aangepaste CSS-stijlen of extra extensies. Controleer de documentatie van het doelplatform als je exacte visuele overeenkomst nodig hebt.
Welke Markdown-extensies worden ondersteund?
Deze preview ondersteunt CommonMark-kernsyntaxis plus GitHub Flavored Markdown-extensies: tabellen, takenlijsten, doorhalen (~~tekst~~), autolinks en mention-syntaxis. Niet elke Markdown-variant wordt ondersteund, maar de meest gebruikte functies zijn gedekt.
Kan ik de gegenereerde HTML kopiëren?
Ja. Klik op "HTML kopiëren" om de gerenderde HTML-uitvoer naar je klembord te kopiëren. Je kunt het dan plakken in elke HTML-editor, e-mailclient of webformulier dat HTML accepteert. De HTML is schoon en semantisch correct.
Worden speciale tekens correct escaped in de uitvoer?
Ja. De parser ontsnapt automatisch aan speciale HTML-tekens (&, <, >, ", ') in tekstinhoud, waardoor injectieaanvallen en renderfouten worden voorkomen. Als je Markdown deze tekens in gewone tekst bevat, verschijnen ze correct in de gerenderde uitvoer.
Hoe gaat de tool om met regelafbrekingen?
De tool volgt CommonMark-regels: een enkele regelafbreking in de bron wordt een spatie in de uitvoer. Om een echte regelafbreking (<br>) te maken, gebruik je twee spaties aan het einde van de regel gevolgd door een nieuwe regel, of gebruik je een backslash voor de nieuwe regel. Voor alinea-afbrekingen gebruik je een lege regel.
Kan ik ruwe HTML in mijn Markdown opnemen?
Ja. Markdown staat ruwe HTML-blokken en inline HTML toe. Als je HTML rechtstreeks in je Markdown schrijft, wordt het ongewijzigd opgenomen in de uitvoer. Dit is nuttig voor functies die Markdown niet native ondersteunt. Gebruik het echter spaarzaam.