Markdown Previewer

Typ Markdown aan de ene kant en zie het live weergegeven aan de andere kant — koppen, vet, cursief, lijsten, codeblokken en links, allemaal direct bekeken in je browser.

Heeft deze tool u geholpen?

Wat is Markdown Previewer?

Markdown is de lichtgewicht opmaaksyntax achter README's, blogposts, chatberichten, documentatie en talloze andere plekken waar je eenvoudige, leesbare opmaak wilt zonder ruwe HTML te schrijven. Omdat Markdown platte tekst is, is het overal gemakkelijk te schrijven — maar het is ook gemakkelijk om de syntax net iets verkeerd te doen en dit niet te merken totdat je het al hebt gepubliceerd. Deze previewer geeft je Markdown weer terwijl je typt, naast de brontekst, zodat je opmaakfouten direct kunt opsporen — een ontbrekende spatie na een #, een niet-gesloten codehek, of een lijst die niet gescheiden is van de bovenstaande paragraaf — voordat je een README commit, een post publiceert, of een opgemaakt bericht verstuurt.

Wanneer gebruik je deze rekenmachine

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

Stappen:

Typ of plak je Markdown in het linkerpaneel.
Bekijk hoe de weergegeven HTML-voorbeeld direct wordt bijgewerkt aan de rechterkant.
Pas je syntax aan totdat het voorbeeld overeenkomt met wat je bedoelde.
Kopieer je afgeronde Markdown-bron zodra je tevreden bent met het resultaat.

Formule

# Kop →

Kop

**vet** → vet *cursief* → cursief `code` → code [tekst](url) → tekst - item →

item

Gebruikscases

Een GitHub- of GitLab-README bekijken voordat je commit
Opgemaakte berichten opstellen voor Slack, Discord of andere chat-apps die Markdown ondersteunen
Blogpost- of documentatieopmaak controleren voordat je publiceert
Markdown-syntax leren door te experimenteren en direct resultaten te zien
Snel een kort Markdown-fragment omzetten naar HTML om elders te plakken

Belangrijkste voordelen

Zie je Markdown direct weergegeven, naast de bron
Spoor syntaxfouten op voordat je ze ergens publiceert
Draait volledig offline in je browser — er wordt niets geüpload
Gratis, geen aanmelding, geen bestandsgroottelimiet voor normaal gebruik

Pro-tips

Voeg een lege regel toe voor en na lijsten en codeblokken voor de meest betrouwbare weergave bij verschillende Markdown-parsers
Gebruik dubbele sterretjes voor vet en enkele sterretjes (of underscores) voor cursief om dubbelzinnigheid te voorkomen
Bekijk eerst in deze tool en controleer daarna het doelplatform (GitHub, Slack, enz.), omdat sommige extra syntax zoals tabellen ondersteunen
Houd koppen opeenvolgend (spring niet van # naar ###) voor een betere documentstructuur en toegankelijkheid

Veelgemaakte fouten

De lege regel vergeten die nodig is tussen een paragraaf en een daaropvolgende lijst
De spatie na #-tekens in koppen missen, waardoor ze niet worden weergegeven
Een codehek (```) niet sluiten, waardoor de rest van het document als code wordt behandeld
Enkele sterretjes gebruiken voor vet in plaats van dubbele sterretjes, wat cursief oplevert

Sleutelbegrippen

CommonMark: Een gestandaardiseerde specificatie van Markdown-syntax, ontworpen om inconsistenties te verminderen
GFM: GitHub-Flavored Markdown, een uitgebreid dialect dat tabellen en taaklijsten ondersteunt
Codehek: Een blok afgebakend door drie backticks (```) gebruikt om code van meerdere regels op te maken
Inline opmaak: Opmaak toegepast binnen één regel, zoals *cursief* of `code`, in tegenstelling tot blokelementen

Gerelateerde concepten

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

Voorbeeld

Het typen van "## Hallo\n\nDit is **vet** en dit is *cursief*." wordt weergegeven als een kop van niveau 2 gevolgd door een paragraaf met vette en cursieve tekst.

Resultaten interpreteren

Het linkerpaneel toont je ruwe Markdown-brontekst en het rechterpaneel rendert deze in realtime als opgemaakte HTML. Elke toetsaanslag werkt de preview direct bij, zodat je het effect van elk syntaxelement onmiddellijk kunt zien. Veelvoorkomende weergaveproblemen komen meestal door witruimte. Voor de meeste renderers is een lege regel nodig tussen een alinea en een erop volgende lijst. Koppen hebben een spatie nodig na de #-symbolen. Codefences (```) moeten op een eigen regel staan om de weergave van een codeblok te activeren. De preview is een goede benadering van hoe je Markdown er op de meeste platforms (GitHub, Slack, Discord, enz.) uit zal zien, maar elk platform heeft zijn eigen renderer met kleine verschillen. Doe voor alles dat verder gaat dan de basisopmaak altijd een laatste controle op het doelplatform.

Veelgestelde Vragen

Welke Markdown-syntax ondersteunt deze tool?

Koppen (# tot en met ######), vet (**tekst**), cursief (*tekst*), inline code (`code`), codeblokken (```), links ([tekst](url)), opsommingslijsten (- item), genummerde lijsten (1. item) en blokcitaten (> tekst).

Wordt mijn inhoud ergens opgeslagen of geüpload?

Nee. Alles wordt volledig in je browser geparsed en weergegeven met JavaScript. Niets van wat je typt wordt naar een server verzonden, opgeslagen of gelogd.

Waarom wordt mijn opmaak niet correct weergegeven?

Markdown vereist exacte syntax — bijvoorbeeld, een lege regel is nodig tussen een paragraaf en een lijst zodat veel renderers ze correct van elkaar scheiden, en koppen hebben een spatie nodig na de #-tekens. Controleer op ontbrekende spaties of regeleinden rond de opmaak die je gebruikt.

Kan ik dit gebruiken om een GitHub README te bekijken voordat ik commit?

Ja, voor de gangbare Markdown-elementen die deze tool ondersteunt. GitHub's renderer ondersteunt enkele extra GitHub-Flavored Markdown-uitbreidingen (zoals tabellen en taaklijsten) die deze lichtgewicht previewer niet bevat, dus controleer altijd de uiteindelijke weergave op GitHub zelf voor alles buiten de basissyntax.

What Markdown syntax does this tool support?

Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).

Is my content saved or uploaded anywhere?

Nee. Alles wordt volledig in je browser geparsed en weergegeven met JavaScript. Niets van wat je typt wordt naar een server verzonden, opgeslagen of gelogd.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Wat is het verschil tussen Markdown en HTML?

Markdown is een lichtgewicht opmaaktaal die gemakkelijk te schrijven en te lezen is als platte tekst. HTML is een volledige opmaaktaal met complexere syntaxis. Markdown wordt vaak naar HTML geconverteerd voor weergave. Deze tool rendert Markdown in realtime als HTML.

How do I create a table in Markdown?

Standaard Markdown ondersteunt geen tabellen, maar GitHub-Flavored Markdown wel. Gebruik pipe-tekens (|) om kolommen te scheiden en koppeltekens voor de scheiding van de kopregel. Deze preview rendert geen tabellen — controleer de uiteindelijke weergave op je doelplatform.

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Gerelateerde tools

Meer tools verkennen

Beeldverhouding Calculator

Bandbreedte Rekenmachine

Downloadtijd Rekenmachine

Cloud Hosting Kosten Rekenmachine

CDN Kosten Rekenmachine

API Monetisatie Calculator

Wat is Markdown Previewer?

Wanneer gebruik je deze rekenmachine

Writing a GitHub or GitLab README and want to verify formatting before committing

Drafting a Markdown post for a blog platform, documentation site, or wiki

Checking a Markdown email or chat message renders correctly before sending

Learning Markdown syntax by experimenting with different formatting and seeing instant results

Converting a short Markdown snippet to HTML for pasting into a CMS or email template

Debugging a Markdown document where some formatting isn't rendering as expected

Gebruikscases

Een GitHub- of GitLab-README bekijken voordat je commit

Opgemaakte berichten opstellen voor Slack, Discord of andere chat-apps die Markdown ondersteunen

Blogpost- of documentatieopmaak controleren voordat je publiceert

Markdown-syntax leren door te experimenteren en direct resultaten te zien

Snel een kort Markdown-fragment omzetten naar HTML om elders te plakken

Pro-tips

Voeg een lege regel toe voor en na lijsten en codeblokken voor de meest betrouwbare weergave bij verschillende Markdown-parsers

Gebruik dubbele sterretjes voor vet en enkele sterretjes (of underscores) voor cursief om dubbelzinnigheid te voorkomen

Bekijk eerst in deze tool en controleer daarna het doelplatform (GitHub, Slack, enz.), omdat sommige extra syntax zoals tabellen ondersteunen

Houd koppen opeenvolgend (spring niet van # naar ###) voor een betere documentstructuur en toegankelijkheid

Veelgemaakte fouten

De lege regel vergeten die nodig is tussen een paragraaf en een daaropvolgende lijst

De spatie na #-tekens in koppen missen, waardoor ze niet worden weergegeven

Een codehek (```) niet sluiten, waardoor de rest van het document als code wordt behandeld

Enkele sterretjes gebruiken voor vet in plaats van dubbele sterretjes, wat cursief oplevert

Sleutelbegrippen

CommonMark: Een gestandaardiseerde specificatie van Markdown-syntax, ontworpen om inconsistenties te verminderen

GFM: GitHub-Flavored Markdown, een uitgebreid dialect dat tabellen en taaklijsten ondersteunt

Codehek: Een blok afgebakend door drie backticks (```) gebruikt om code van meerdere regels op te maken

Inline opmaak: Opmaak toegepast binnen één regel, zoals *cursief* of `code`, in tegenstelling tot blokelementen

Resultaten interpreteren

Veelgestelde Vragen

Welke Markdown-syntax ondersteunt deze tool?

Wordt mijn inhoud ergens opgeslagen of geüpload?

Nee. Alles wordt volledig in je browser geparsed en weergegeven met JavaScript. Niets van wat je typt wordt naar een server verzonden, opgeslagen of gelogd.

Waarom wordt mijn opmaak niet correct weergegeven?

Kan ik dit gebruiken om een GitHub README te bekijken voordat ik commit?

What Markdown syntax does this tool support?

Is my content saved or uploaded anywhere?

Nee. Alles wordt volledig in je browser geparsed en weergegeven met JavaScript. Niets van wat je typt wordt naar een server verzonden, opgeslagen of gelogd.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Wat is het verschil tussen Markdown en HTML?

How do I create a table in Markdown?

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Markdown Previewer

Wat is Markdown Previewer?

Wanneer gebruik je deze rekenmachine

Stappen:

Formule

Kop

Gebruikscases

Belangrijkste voordelen

Pro-tips

Veelgemaakte fouten

Sleutelbegrippen

Gerelateerde concepten

Voorbeeld

Resultaten interpreteren

Veelgestelde Vragen