Markdown-editor

Deze Markdown-editor online toont je tekst links en het opgemaakte resultaat rechts, en het voorbeeld verandert bij elke toets die je indrukt. Hij begrijpt de Markdown die wordt gebruikt op GitHub, in README-bestanden, wiki’s en notitie-apps zoals Obsidian: koppen, lijsten, takenlijsten, tabellen, code, citaten, links, afbeeldingen en voetnoten. Je hebt geen account nodig en niets van wat je typt wordt ergens naartoe gestuurd.

Zo gebruik je de online Markdown-editor

1. Typ of plak Markdown in het linkerveld, of open een .md-bestand met de bestandsknop in de werkbalk. Je kunt een bestand ook op een willekeurige plek op de editor neerzetten.
2. Bekijk het voorbeeld rechts. Synchroon scrollen houdt beide kanten bij hetzelfde deel van het document, aan welke kant je ook scrolt.
3. Maak tekst op met de werkbalk of met sneltoetsen zoals Ctrl+B voor vet en Ctrl+K voor een link.
4. Kopieer het resultaat als Markdown, als HTML of met opmaak, of download het als .md-, .pdf-, .docx-, .html- of .txt-bestand.

De editor opent met een kort voorbeelddocument met de titel “Projectnotities” dat alle gangbare elementen gebruikt. Zo zie je de syntaxis en het resultaat naast elkaar voordat je zelf gaat schrijven.

Markdown-editor met live preview

Boven de editor staan drie weergaven. Naast elkaar zet de Markdown en het voorbeeld zij aan zij, Schrijven geeft de hele breedte aan de tekst en Voorbeeld toont alleen het resultaat. Dat werkt als eenvoudige Markdown-viewer voor een bestand dat iemand je heeft gestuurd. Op een telefoon wisselt de editor tussen Schrijven en Voorbeeld, omdat twee kolommen te smal zouden zijn om te lezen.

Het voorbeeld wordt weergegeven zoals GitHub Markdown weergeeft: CommonMark met de extensies van GitHub Flavored Markdown (allebei in het Engels), die tabellen, takenlijsten, doorgehaalde tekst en automatische links toevoegen. Koppen krijgen ankers zoals op GitHub, dus naar ## Planning van de release kun je linken met #planning-van-de-release, en een klik op zo’n link scrolt het voorbeeld naar de kop. Voetnoten die je als [^1] schrijft, worden genummerd in de volgorde waarin je ze voor het eerst noemt en aan het eind opgesomd.

Het tekstveld gebruikt de spellingcontrole van je browser, dus verkeerd gespelde woorden worden onderstreept terwijl je schrijft. Onder de editor zie je het aantal woorden en tekens en de leestijd. De Markdown-syntaxis telt niet mee, dus bij een kop met ## worden alleen de woorden geteld. Wil je ook zinnen en alinea’s tellen, plak de tekst dan in de woorden- en tekenteller.

Werkbalk en sneltoetsen

De werkbalk heeft alles wat je nodig hebt voor een gewoon document: Kop, Vet, Cursief, Doorhalen, Inline code, Link, Afbeelding, Citaat, Codeblok, Lijst met opsommingstekens, Genummerde lijst, Takenlijst, Tabel en Horizontale lijn. Selecteer eerst tekst en de knop zet de markeringen eromheen; druk nog eens op dezelfde knop en de markeringen verdwijnen. Zonder selectie voegt de knop een korte tijdelijke tekst in die al is geselecteerd, zodat je er gewoon overheen typt.

Een paar details die tijd besparen:

• Kop zet de huidige regel achtereenvolgens op #, ## en ### en daarna weer terug naar gewone tekst.
• Link maakt van de geselecteerde woorden [woorden](https://) en selecteert het adresdeel, klaar om de URL te plakken. Selecteer je in plaats daarvan een URL, dan wordt die het adres.
• De lijstknoppen en Citaat werken op alle geselecteerde regels tegelijk. Klik je op Genummerde lijst bij een lijst met opsommingstekens, dan wordt het een genummerde lijst.
• Druk op Enter aan het eind van een lijstitem en het volgende item begint met het juiste teken. Nummers lopen op, een nieuwe taak begint zonder vinkje, en Enter op een leeg item beëindigt de lijst. Met Tab en Shift+Tab vergroot of verklein je de inspringing van lijstitems.
• Elke wijziging die een knop of sneltoets maakt, kun je ongedaan maken met Ctrl+Z.

Alle sneltoetsen vind je onder de editor bij Sneltoetsen. Op een Mac gebruik je de Command-toets.

Plakken uit Word of Google Docs als Markdown

Als je tekst plakt die je uit Word, Google Docs of een webpagina hebt gekopieerd, zet de editor de opmaak om naar Markdown in plaats van die weg te gooien. Koppen worden #-regels, vette en cursieve tekst krijgen hun sterretjes, links behouden hun adressen, lijsten met opsommingstekens en genummerde lijsten (ook de lijsten met meerdere niveaus van Word) worden Markdown-lijsten, en tabellen worden Markdown-tabellen met de eerste rij als koprij. Zo zet je een bestaand document het snelst in een README of een wikipagina.

Wilde je alleen de kale tekst, klik dan op Toch platte tekst gebruiken in de melding die na het plakken verschijnt, of plak met Ctrl+Shift+V. Code die je uit VS Code of een andere code-editor kopieert, en tekst die al Markdown is, worden precies zo geplakt als ze zijn.

Spiekbriefje voor de Markdown-syntaxis

De meest gebruikte syntaxis in één oogopslag. Typ de linkerkolom in de editor en je ziet de rechterkolom in het voorbeeld.

Je typt	Je krijgt
# Titel, ## Sectie, ### Subsectie	Koppen van niveau 1 tot 3 (tot 6 met ######)
**vet** en *cursief*	vet en cursief
~~oud~~	oud
`code`	code in een lettertype met vaste breedte
[tekst](https://example.com)	een link
	een afbeelding
- item of 1. item	een lijst met opsommingstekens of een genummerde lijst
- [ ] taak en - [x] klaar	een takenlijst met selectievakjes
> geciteerde tekst	een citaat
drie backticks op een regel voor en na de code	een codeblok
--- op een eigen regel	een horizontale lijn
tekst[^1] en [^1]: noot	een voetnoot

Een Markdown-tabel heeft een koprij nodig, een scheidingsrij met streepjes en daarna één regel per rij, met de cellen gescheiden door |. Een dubbele punt in de scheidingsrij bepaalt de uitlijning: :-- lijnt links uit, :-: centreert en --: lijnt rechts uit. De knop Tabel voegt een kant-en-klare tabel met drie kolommen in om mee te beginnen. De cellen hoeven in de bron niet recht onder elkaar te staan, maar als ze dat wel doen, is de tabel later makkelijker te bewerken.

Markdown accepteert ook HTML voor dingen waarvoor het geen eigen syntaxis heeft, zoals <kbd>Ctrl</kbd> voor toetsen, <sub> en <sup> voor H₂O en x², of <details> voor een sectie die opengaat als je erop klikt. Scripts, stijlen en formulieren worden voor de veiligheid uit het voorbeeld verwijderd.

Kopiëren met opmaak of het bestand downloaden

Markdown kopiëren kopieert de bron, HTML kopiëren kopieert schone HTML, klaar voor een website of een CMS, en Kopiëren met opmaak kopieert het opgemaakte resultaat. Plak dat in Google Docs, Word, Outlook of Gmail en de koppen, vette tekst, lijsten, links en tabellen komen opgemaakt aan, zonder achtergebleven Markdown-tekens.

Met de knoppen bij Downloaden sla je het document met één klik op als Markdown, PDF, Word, HTML of platte tekst. Het bestand krijgt als naam de titel uit de front matter of de eerste kop. De knoppen gebruiken verstandige standaardinstellingen: A4-papier (Letter in de VS, Canada, Mexico en andere landen waar dat formaat de standaard is), normale marges en een lettergrootte van 11 punt. Wil je het paginaformaat, de lettertypen en de marges kiezen, een inhoudsopgave toevoegen of meerdere bestanden tegelijk omzetten, gebruik dan Meer exportopties. Dat opent de Markdown-converter met je tekst al ingevuld.

Veelgestelde vragen

Wordt mijn tekst ergens geüpload of opgeslagen?

Nee. Het voorbeeld, de omzetting en de downloads gebeuren allemaal in je browser, en de tekst wordt nooit naar een server gestuurd. Standaard wordt er ook niets bewaard, dus de tekst is weg als je het tabblad sluit. Vink je Concept in deze browser bewaren aan, dan wordt de tekst na elke wijziging opgeslagen in de opslag van je eigen browser en komt hij bij je volgende bezoek terug. Vink het uit op een gedeelde computer; daarmee wordt ook het opgeslagen concept verwijderd.

Hoe open en bekijk ik een .md-bestand online?

Klik op de bestandsknop in de werkbalk of sleep het bestand op de editor, en schakel dan over naar Voorbeeld om het als opgemaakt document te lezen. Bestanden tot 20 MB in UTF-8 of UTF-16 openen direct. Afbeeldingen in het bestand worden getoond als ze een volledig webadres hebben; afbeeldingen die naast het bestand op je computer staan, kan een webpagina niet laden.

Welke Markdown-variant gebruikt de editor?

Hij volgt CommonMark (in het Engels), de standaard waarover de meeste Markdown-tools het eens zijn, plus de extensies van GitHub: tabellen, takenlijsten, doorgehaalde tekst, automatische links en voetnoten. Tekst die voor GitHub, GitLab, Obsidian, Reddit of Discord is geschreven, ziet er hier hetzelfde uit, afgezien van functies die die diensten zelf toevoegen, zoals vermeldingen van gebruikers of de wikilinks van Obsidian.

Hoe zet ik Markdown in Google Docs?

Klik op Kopiëren met opmaak en plak in het document. Koppen, lijsten, links en tabellen behouden hun opmaak. Recente versies van Google Docs kunnen Markdown ook zelf lezen: schakel Markdown in onder Extra, Voorkeuren en gebruik daarna in het menu Bewerken de optie om vanuit Markdown te plakken.

Ondersteunt de editor Mermaid-diagrammen of wiskundige formules in LaTeX?

Nog niet. Een Mermaid-blok wordt als gewoon codeblok getoond, en formules die als $...$ zijn geschreven, blijven platte tekst. Al het andere uit GitHub Flavored Markdown wordt ondersteund.

Wat is Markdown en wie gebruikt het?

Markdown is een manier om platte tekst op te maken met een paar tekens. John Gruber bedacht het in 2004, zodat een document leesbaar blijft, ook voordat het naar HTML is omgezet (meer op Wikipedia). Ontwikkelaars gebruiken het voor README-bestanden en documentatie, schrijvers voor notities en concepten, en AI-chattools antwoorden erin. Daarom staan hun antwoorden vol sterretjes en hekjes als je ze ergens anders plakt.

Meer tools voor tekst vind je in de categorie Tekst: vergelijk twee versies van een document om te zien wat er is veranderd, of wijzig de hoofdletters van koppen in één keer. Ontwikkelaars vinden de JSON-formatter en andere tools onder Ontwikkelaars.