Markdownvoorbeeld
Schrijf Markdown en bekijk een live HTML-voorbeeld naast elkaar.
Je gegenereerde Markdown verschijnt hier in real time.
Markdown Preview — Schrijf en Bekijk Markdown Online Gratis
Schrijf Markdown in het linkerpaneel en zie een live HTML-voorbeeld in het rechterpaneel. Onze gratis online Markdown Preview-tool rendert koppen, vetgedrukte tekst, cursief, links, afbeeldingen, codeblokken, tabellen, lijsten en meer — alles in real-time, volledig in je browser.
Wat is Markdown?
Markdown is een lichtgewicht markupsprache gecreëerd door John Gruber in 2004. Het gebruikt eenvoudige tekstformateringssyntaxis die gemakkelijk kan worden omgezet naar HTML en andere formaten. Markdown is het standaard schrijf formaat voor GitHub READMEs, documentatie sites, blogplatforms, notitie-apps en technisch schrijven.
In plaats van onbewerkte HTML-tags zoals <h1> en <strong> schrijf je # Kop en **vet**. Dit maakt Markdown snel te typen en makkelijk leesbaar voordat de conversie plaatsvindt. Platforms zoals GitHub, GitLab, Stack Overflow, Reddit, Discord en Notion ondersteunen Markdown standaard.
Een live Markdown-voorbeeld laat je exact zien hoe je opgemaakte tekst eruitziet voordat je hem publiceert. Dit elimineert het gissen bij het schrijven van Markdown en helpt vroegtijdig fouten in de opmaak te detecteren.
Hoe gebruik je deze Markdown Preview-tool
Het gebruik van de tool is eenvoudig:
- Typ of plak Markdown in het linkereditorpaneel. Je kunt vanaf nul beginnen of bestaande Markdown inhoud plakken.
- Zie het live voorbeeld direct in het rechterpaneel. Elke toetsaanslag activeert een nieuwe render.
- Gebruik de werkbalkknoppen om snel koppen, vet, cursief, links, afbeeldingen, codeblokken en lijsten in te voegen.
- Kopieer het gerenderde HTML als je de ruwe HTML-uitvoer nodig hebt voor een e-mailtemplate, CMS of documentatiegenerator.
- Kopieer de Markdown-bron om hem te plakken in je GitHub README, blogbericht of notitie-app.
Belangrijke functies
| Kenmerk | Voordelen |
|---|---|
| Live Voorbeeld | Zie de opgemaakte uitvoer terwijl je typt — geen vertraging |
| Werkbalksneltoetsen | Voeg koppen, vet, cursief, links en code met één klik toe |
| Kopieer HTML-uitvoer | Ontvang de ruwe HTML voor gebruik in e-mails, CMS of statische sites |
| Kopieer Markdown | Pak de bron Markdown voor GitHub, blogs of notities |
| Volledige Markdown-ondersteuning | Koppen, vet, cursief, links, afbeeldingen, code, tabellen, lijsten, blockquotes |
| Compatibel met donkere modus | Voorbeeld aanpast automatisch aan je thema |
| Alleen in de browser verwerken | Geen gegevens worden naar een server gestuurd — je inhoud blijft privé |
In tegenstelling tot veel online Markdown-editors vereist deze tool geen account, geen installatie en geen serverround-trip. Je inhoud verlaat nooit je browser.
Gewone gebruikscases
Schrijven van GitHub READMEs
Elk open-source project heeft een duidelijke README nodig. Schrijf je Markdown hier, bekijk de opmaak en kopieer het resultaat direct naar je opslagplaats. Je kunt ook onze JSON Formatter gebruiken om eventuele JSON-voorbeelden in je documentatie te valideren.
Blogbericht schrijven
Veel blogplatforms (Hugo, Jekyll, Ghost, Dev.to) gebruiken Markdown voor inhoud. Schrijf je bericht hier, bekijk de lay-out en plak de eindversie in je CMS. Als je hoofdtekst kaswisseling nodig hebt, probeer onze Text Case Converter.
Documentatie schrijven
Technische documentatie gebruikt vaak Markdown vanwege zijn eenvoud en draagbaarheid. Bekijk je documentatie voordat je ze commit, om te zorgen dat koppen, codeblokken en tabellen correct worden gerenderd.
E-mailtemplate prototyping
Schrijf je e-mailinhoud in Markdown, kopieer de HTML-uitvoer en plak hem in je e-mailbuilder. Dit is vooral handig voor transactie-e-mails en nieuwsbrieven.
Snelgids voor Markdown-syntaxis
# Kop 1tot###### Kop 6— zes niveaus van koppen**vet**en*cursief*— basis tekstformatering[link tekst](url)— inline links— afbeeldingen`inline code`en drievoudige backtick codeblokken — codeformatering> blockquote— geciteerde tekst- itemof1. item— ongeordende en geordende lijsten| Kolom | Kolom |— tabellen met pipe-syntaxis---— horizontale regel
Tips voor betere Markdown
- Gebruik consistente kopniveaus. Begin met
#voor de titel, dan##voor secties en###voor subsecties. Overslaan van niveaus (bijvoorbeeld van#naar###) maakt een verwarrende documentstructuur. - Voeg lege regels toe voor en na lijsten en codeblokken. Veel Markdown-parsers vereisen lege regels om blokken correct te identificeren.
- Bekijk het voorbeeld voordat je publiceert. Verschillende platforms renderen Markdown iets anders. Controleer altijd het voorbeeld voordat je commit.
- Gebruik codeblokken met taallabels. Schrijf
```javascriptin plaats van alleen```om syntaxhervorming te activeren op GitHub en meeste documentatieplatforms. - Houd tabellen eenvoudig. Complexe tabellen met samengevoegde cellen of geneste inhoud werken niet goed in Markdown. Gebruik HTML-tabellen voor geavanceerde lay-outs.
Vaak gestelde vragen
Is deze Markdown Preview-tool gratis te gebruiken?
Ja. De tool is volledig gratis, vereist geen account en heeft geen gebruikslimieten. Alle rendering vindt plaats in je browser.
Ondersteunt de tool GitHub Flavored Markdown?
Ja. De tool ondersteunt standaard Markdown plus GitHub Flavored Markdown-extensies, waaronder tabellen, taaklijsten, doorstrepen en gefenceerde codeblokken met syntaxhervorming.
Kan ik de HTML-uitvoer kopiëren?
Ja. Klik op de knop "Kopieer HTML" om de ruwe HTML gegenereerd door je Markdown te kopiëren. Je kunt het plakken in elke HTML-editor, e-mailtemplate of CMS.
Wordt mijn inhoud opgeslagen of naar een server gestuurd?
Nee. Alle Markdown-parsing en rendering vindt plaats lokaal in je browser met behulp van de marked bibliotheek. Je inhoud blijft privé.
Wat zijn de vereisten voor het gebruik van deze tool?
Er zijn geen specifieke vereisten. De tool werkt in elke moderne browser en vereist geen installatie. Je kunt hem direct in je browser gebruiken.