Naar de inhoud springen
Gratis tool

Online Markdown-editor met livevoorbeeld

Met deze online Markdown Editor schrijf je Markdown en zie je daarnaast meteen een live voorbeeld. Open .md-bestanden, maak een tabel van gekopieerde Excel-cellen, sla het document op als PDF of kopieer het als HTML. Voor Discord-berichten is er een aparte modus met spoilers en een tekenteller. Gratis en zonder registratie; je tekst blijft in je browser.

Gebouwd door Dimitri Heissler

Werk je aan een eigen project? Host het op een VPS met volledige controle.

GitHub Flavored Markdown: koppen, lijsten, tabellen, takenlijsten en code met syntaxmarkering. Geschikt voor README-bestanden, issues en documentatie.

Je tekst blijft in deze browser. Hij wordt alleen lokaal als concept opgeslagen en nooit geüpload. Met Ctrl+Z maak je wijzigingen ongedaan.

Woorden
66
Tekens
487
Regels
28
Koppen
3
Leestijd
1 min.

Voorbeeldresultaat

Wat deze Markdown Editor je laat zien

Je schrijft Markdown en ziet ernaast meteen het eindresultaat. Je krijgt ook de HTML-code om te kopiëren, aantallen woorden en tekens, de leestijd en, in Discord-modus, hoeveel tekens je nog kunt gebruiken. Drie voorbeelden:

Voorbeeld 1: een korte README

Invoer (README / GitHub):

# Mijn server

Draait op **8 GB RAM** met `Paper 1.21`.

- [x] Backup
- [ ] Whitelist

Voorbeeld:

Mijn server

Draait op 8 GB RAM met Paper 1.21.

  • Backup
  • Whitelist

HTML-code om te kopiëren:

<h1 id="mijn-server">Mijn server</h1>
<p>Draait op <strong>8 GB RAM</strong> met <code>Paper 1.21</code>.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" checked disabled> Backup</li>
<li class="task-list-item"><input type="checkbox" disabled> Whitelist</li>
</ul>

Resultaat in woorden: Van 1 kop wordt een h1 gemaakt, de twee gemarkeerde delen worden strong en code, en de twee lijstitems worden een takenlijst met één aangevinkt en één leeg vakje. De tekst bevat 12 woorden en 85 tekens. De leestijd is 1 minuut.

Voorbeeld 2: een tabel

Invoer (README / GitHub):

| Abonnement | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Voorbeeld:

AbonnementRAM in GB
Basic4
Pro8

HTML-code om te kopiëren:

<table>
<thead>
<tr>
<th>Abonnement</th>
<th align="right">RAM in GB</th>
</tr>
</thead>
<tbody>
<tr>
<td>Basic</td>
<td align="right">4</td>
</tr>
<tr>
<td>Pro</td>
<td align="right">8</td>
</tr>
</tbody>
</table>

Resultaat in woorden: De tabel heeft twee kolommen en twee gegevensrijen. De rij met streepjes scheidt de koptekst van de inhoud; de dubbele punt in „---:“ lijnt de tweede kolom rechts uit.

Voorbeeld 3: een Discord-bericht

Invoer (Discord):

# Evenement vandaag
**20 uur** in het ||spraak kanaal||
-# Aanmelden mogelijk

Voorbeeld zoals in Discord:

Evenement vandaag

20 uur in het Spoiler, klik om te tonen

Aanmelden mogelijk

Resultaat in woorden: De regel met # wordt een grote kop, **20 Uhr** wordt vet weergegeven, de tekst tussen || is een spoiler en wordt pas na een klik zichtbaar, en de regel met -# wordt klein en grijs. Het bericht bevat 77 van de 2.000 toegestane tekens.

Zo werkt het

Zo schrijf je online Markdown met een live voorbeeld

Vier stappen van een leeg tekstveld naar een voltooid document of Discord-bericht, zonder account of installatie.

Stap 1

Variant kiezen

Kies bovenaan ‘README / GitHub’ voor documenten met tabellen en takenlijsten, of ‘Discord’ voor chatberichten met spoilers en citaten. Elke variant heeft eigen tekst en aanwijzingen.

Stap 2

Schrijven of bestand openen

Typ je tekst en gebruik de knoppen voor vet, lijsten, tabellen en code, of de sneltoetsen Ctrl+B, Ctrl+I en Ctrl+K. Plak cellen uit Excel, selecteer ze en klik op ‘Tabel’. Met ‘Bestand openen’ open je een bestaand .md-bestand; het blijft in je browser.

Stap 3

Voorbeeld controleren

Rechts, op je telefoon op het tabblad ‘Voorbeeld’, zie je bij elk teken het resultaat. Bij meer dan 100.000 tekens verschijnt het voorbeeld in de modus ‘README / GitHub’ pas na een klik op ‘Voorvertoning toch tonen’, na elke wijziging opnieuw. In de Discord-modus toont de editor het bericht in Discord-stijl en waarschuwt voor tabellen, afbeeldingen en te lange teksten.

Stap 4

Resultaat overnemen

Kopieer de Markdown of de kant-en-klare HTML-code, download het document als .md- of .html-bestand of kies ‘Opslaan als PDF’ en vervolgens ‘Opslaan als PDF’ in het afdrukvenster. Voor Discord kopieer je het bericht en plak je het in de chat.

Markdown Viewer

Markdown Viewer: .md-bestand openen, lezen en opslaan als PDF

Je hebt geen extra programma nodig om een .md-bestand te lezen. De editor opent het in je browser, geeft het opgemaakt weer en laat je het als PDF of HTML exporteren.

MD-bestand openen zonder installatie

Klik op ‘Bestand openen’ en kies een .md-, .markdown-, .mdown- of .txt-bestand van maximaal 2 MB. Je browser leest het lokaal; er wordt niets geüpload. In de modus ‘README / GitHub’ toont het voorbeeld koppen, tabellen, takenlijsten en code met syntaxiskleuring.

Markdown omzetten naar PDF

‘Opslaan als PDF’ opent het afdrukvenster van je browser met het opgemaakte document. Kies daar ‘Opslaan als PDF’ als bestemming. De PDF wordt op je apparaat gemaakt; de editor haalt de documenttitel uit de eerste kop.

Markdown omzetten naar HTML

‘HTML kopiëren’ zet de HTML-code op het klembord; ‘.html downloaden’ slaat een volledige pagina met basisopmaak op. Beide opties vind je, net als de PDF-export, in de modus ‘README / GitHub’.

Basisprincipes

Wat is Markdown? Eenvoudig uitgelegd

Markdown is een eenvoudige manier om tekst met enkele tekens op te maken. Je schrijft gewone tekst en een programma maakt er koppen, lijsten, tabellen en links van.

Zo ziet het eruit

Een # aan het begin van een regel maakt een kop, **vet** maakt tekst vet, een streepje aan het begin van een regel maakt een lijstitem en vierkante plus ronde haakjes maken een link. De tekst blijft ook zonder programma leesbaar.

Waarvoor het wordt gebruikt

Voor README.md-bestanden op GitHub, technische documentatie, notities, forumberichten en chatberichten, bijvoorbeeld in Discord. De bestandsextensie is .md of .markdown.

Zo probeer je het uit

Typ in het tekstveld hierboven en bekijk meteen het voorbeeld. Met ‘Bestand openen’ lees je een bestaand .md-bestand in; met ‘Opslaan als PDF’ of ‘HTML kopiëren’ deel je het resultaat.

Markdown-tabel

Markdown-tabel maken: syntaxis, uitlijning en Excel-import

Een tabel bestaat uit een kopregel, een scheidingsregel en gegevensregels, telkens met verticale strepen tussen de kolommen. Je kunt die zelf schrijven of de editor ze uit gekopieerde cellen laten opbouwen.

Opbouw

Invoer:

| Abonnement | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Voorbeeld:

AbonnementRAM in GB
Basic4
Pro8

Kolommen uitlijnen

Een dubbele punt in de scheidingsregel bepaalt de uitlijning: links, gecentreerd of rechts.

| Links uitgelijnd | Gecentreerd | Rechts uitgelijnd |
| :--- | :---: | ---: |
| a | b | c |

Voorbeeld:

Links uitgelijndGecentreerdRechts uitgelijnd
abc

Uit Excel of Google Sheets

Kopieer en plak de cellen, selecteer ze en klik op ‘Tabel’. Uit de gekopieerde tekst:

Abonnement	RAM in GB
Basic	4
Pro	8

wordt deze Markdown-tabel, met de getallenkolom rechts uitgelijnd:

| Abonnement | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Markdown-spiekbriefje

Markdown-syntaxis in één oogopslag

De belangrijkste onderdelen van GitHub Flavored Markdown, met invoer en resultaat. De rechterkolom wordt gegenereerd door dezelfde renderer als het voorbeeld in de editor.

Markdown-syntaxis en resultaat
ElementMarkdownResultaat
Koppen
# Kop 1
## Kop 2
### Kop 3

Kop 1

Kop 2

Kop 3

Vet en cursief
**vet**, *cursief*, ***beide***

vet, cursief, beide

Doorgestreept
~~oud~~ nieuw

oud nieuw

Link
[Linktekst](https://example.com)
Afbeelding
![Afbeeldingsbeschrijving](https://example.com/bild.png)
Toont de afbeelding; de beschrijving dient als alternatieve tekst.
Opsomming
- Eén
- Twee
  - Twee A
  • Eén
  • Twee
    • Twee A
Genummerde lijst
1. Ten eerste
2. Ten tweede
  1. Ten eerste
  2. Ten tweede
Takenlijst
- [x] afgerond
- [ ] open
  • afgerond
  • open
Citaat
> Een citaat

Een citaat

Code in een zin
Start `npm run dev`

Start npm run dev

Codeblok
```js
console.log(1 + 1);
```
console.log(1 + 1);
Tabel
| Naam | Waarde |
| --- | ---: |
| RAM | 8 |
NaamWaarde
RAM8
Scheidingslijn
---

Discord Markdown

Discord-tekst opmaken: de belangrijkste opdrachten

Discord gebruikt een eigen, beperktere variant van Markdown. Schakel hierboven over naar ‘Discord’ om je bericht vóór verzending te zien zoals het in de chat verschijnt.

Discord-opmaak en resultaat
ElementInvoerResultaat in Discord
Vet
**vet**

vet

Cursief
*cursief* of _cursief_

cursief of cursief

Onderstreept
__onderstreept__

onderstreept

Doorgestreept
~~doorgestreept~~

doorgestreept

Gecombineerd
__***onderstreept, vet en cursief***__

onderstreept, vet en cursief

Spoiler
||verborgen tekst||

Spoiler, klik om te tonen

Code in een zin
`Code`

Code

Codeblok
```js
console.log('hi');
```
console.log('hi');
Citaat
> Een citaat

Een citaat

Koppen
# Groot
## Gemiddeld
### Klein

Groot

Gemiddeld

Klein

Kleine tekst
-# Voettekst

Voettekst

Lijst
- Eén
- Twee
1. Ten eerste
  • Eén
  • Twee
  1. Ten eerste
Link met tekst
[Linktekst](https://example.com)

Vergelijking

GitHub-Markdown en Discord-Markdown vergeleken

Tekst die er goed uitziet in een README, kan in een Discord-chat verkeerd worden weergegeven. Deze tabel laat zien wat waar werkt.

Welke Markdown-functies werken in GitHub en Discord
FunctieREADME / GitHubDiscordOpmerking
KoppenJaGedeeltelijkGitHub: # tot en met ######. Discord: alleen # tot en met ### aan het begin van een regel.
Vet, cursief, doorgestreeptJaJaDezelfde schrijfwijze in beide.
Onderstreept (__text__)NeeJaOp GitHub betekent __text__ vetgedrukte tekst.
Spoiler (||text||)NeeJaAlleen Discord.
TabellenJaNeeDiscord toont de streepjes als tekst.
Takenlijsten (- [ ])JaNeeDiscord toont de vierkante haken als tekst.
Afbeeldingen (![](url))JaNeeOp Discord upload je afbeeldingen of plaats je de link.
Codeblokken met taalJaJaBeide geven de code syntaxismarkering op basis van de taal.
HTML in tekstGedeeltelijkNeeGitHub ondersteunt een selectie aan tags, Discord geen.
Citaten (> tekst)JaJaDiscord ondersteunt daarnaast >>> voor alles tot het einde.

Meer ontdekken

Meer tools

FAQ

Veelgestelde vragen

Korte antwoorden over .md-bestanden, PDF en HTML, tabellen uit Excel, Discord-opmaak en je privacy.

Markdown is een eenvoudige manier om tekst met gewone tekens op te maken: # maakt een kop, **vet** maakt tekst vet en een streepje aan het begin van een regel maakt een lijstitem. John Gruber publiceerde het in 2004. Markdown-bestanden hebben meestal de extensie .md, en soms .markdown. Je vindt ze als README-bestanden op GitHub, in documentatie en notities. Ook Discord gebruikt Markdown voor chatberichten. Het voordeel: de platte tekst blijft ook zonder opmaak leesbaar.

Klik in de editor op ‘Bestand openen’ en kies een .md-, .markdown-, .mdown- of .txt-bestand van maximaal 2 MB, of plak de inhoud in het tekstveld. In de modus ‘README / GitHub’ toont het voorbeeld de inhoud direct opgemaakt, met tabellen, takenlijsten en syntaxiskleuring. Bij meer dan 100.000 tekens verschijnt het voorbeeld pas na een klik op ‘Voorvertoning toch tonen’. Je hoeft niets te installeren en het bestand wordt niet geüpload: je browser leest het lokaal. Daarna kun je de tekst bewerken en weer als .md downloaden.

Klik in de modus ‘README / GitHub’ op ‘Opslaan als PDF’. De editor opent het afdrukvenster van je browser met het opgemaakte document. Kies daar ‘Opslaan als PDF’ als bestemming en bevestig. De PDF wordt op je apparaat gemaakt; er wordt niets geüpload. De editor haalt de documenttitel uit de eerste kop. Marges en kopteksten stel je in het afdrukvenster in.

Een tabel bestaat uit een kopregel met verticale strepen, een scheidingsregel met drie streepjes per kolom en de gegevensregels, bijvoorbeeld | Name | RAM |, daaronder | --- | ---: | en vervolgens | Pro | 8 |. Een dubbele punt in de scheidingsregel bepaalt de uitlijning. Vanuit Excel of Google Sheets gaat het sneller: kopieer de cellen, plak ze in het tekstveld, selecteer de geplakte tekst en klik op ‘Tabel’. De eerste regel wordt de kopregel en kolommen met alleen getallen worden rechts uitgelijnd. CSV-regels met puntkomma’s of komma’s werken ook, maar de knop verwerkt geen CSV-velden tussen aanhalingstekens die zelf het scheidingsteken bevatten. Tabellen horen bij GitHub Flavored Markdown en werken niet in Discord.

In de modus ‘README / GitHub’ kopieert ‘HTML kopiëren’ de voltooide HTML-code: **vet** wordt bijvoorbeeld <strong>vet</strong>. ‘.html downloaden’ slaat een volledige pagina met basisopmaak op. HTML-tags die je zelf in de Markdown schrijft, neemt de editor om veiligheidsredenen niet over: hij toont ze als tekst. De editor kan niet exporteren naar een Word- of .docx-bestand. Voor Word download je het .html-bestand en open je het daarin, of sla je het document op als PDF.

Schakel bovenaan over naar ‘Discord’. Dan geldt de Discord-opmaak: **vet**, *cursief*, __onderstreept__, ~~doorgestreept~~, ||Spoiler|| en `Code`. # tot en met ### aan het begin van een regel maken koppen, -# maakt een regel klein en grijs en > citeert een regel. Het voorbeeld toont het bericht zoals in de chat; de teller vergelijkt het met de limiet van 2.000 tekens, of 4.000 met Nitro. Discord ondersteunt geen tabellen, afbeeldingen, scheidingslijnen of HTML; de editor wijst je daarop. Met ‘Bericht kopiëren’ kopieer je de tekst.

Een lege regel scheidt alinea's. Eén regeleinde in de tekst wordt in een README als een spatie behandeld: de tekst loopt door. Voor een harde regeleinde plaats je twee spaties of een backslash aan het eind van de regel. In Discord is het eenvoudiger: elk regeleinde dat je met Shift+Enter invoegt, blijft behouden.

Er wordt niets geüpload: het voorbeeld, de HTML-export, de PDF en het openen van bestanden werken lokaal in je browser. Om te voorkomen dat je werk na het vernieuwen van de pagina verloren gaat, bewaart de editor een concept in de lokale opslag van je browser. Met ‘Wissen’ maak je het tekstveld van de huidige variant leeg; ook het opgeslagen concept is daarna leeg. HTML in de tekst wordt niet uitgevoerd in het voorbeeld, maar als tekst weergegeven. Links met een onveilig schema zoals javascript: worden verwijderd.

Bouw je momenteel iets op maat?

Je project heeft een server nodig waarop het betrouwbaar draait

Een VPS van ZAP-Hosting brengt je applicatie, bot of documentatie betrouwbaar online.

4,4/5 Trustpilot32.000+ Actieve serversSinds 2010

Geen installatie. Geen risico. Binnen enkele seconden online.

Flexibele looptijdOp elk moment opzegbaarBinnen 60 seconden online

Op zoek naar meer tools? Alle ontwikkelaarstools bekijken