Het schrijven van WordPress content met een externe editor kan problemen opleveren wanneer je de tekst wil importeren naar je WordPress website. Daarnaast zijn traditionele tekstformats moeilijk om te zetten naar HTML. En dat is precies waar markdown editors om de hoek komen kijken.

Met de juiste markdown editor kan je content schrijven die moeiteloos om te zetten is naar HTML, zonder dat je met code in de weer hoeft. Er zijn een hoop goede online markdown editors waar je uit kan kiezen, inclusief een paar gratis opties. Je kan zelfs een WordPress markdown editor gebruiken als je geen andere software wil gebruiken.

In dit artikel kijken we wat markdown editors precies zijn, en wat het voordeel is. We laten je ook de beste markdown editors zien voor verschillende besturingssystemen. Dit zijn zowel online als offline opties, en zelfs een optie in WordPress zelf!

Aan de slag dus!

Check onze videogids over de beste markdown-editors

Wat is een markdown editor?

Markdown is een syntax voor tekstformatting waarmee je content kan schrijven die je eenvoudig om kan zetten naar HTML. Alle content die je op het web ziet (inclusief dit artikel) is in HTML geschreven. Wanneer je de inspectietool van je browser gebruikt om de code van een pagina te bekijken, zul je de teksten standaard in HTML zien.

Stel dat je bijvoorbeeld een regel tekst dikgedrukt wil maken. In HTML kan je dat doen door de <b> tags te gebruiken:

<b>This is an example of bold text in HTML</b>

Dezelfde tekst in markdown syntax ziet er zo uit:

**This is an example of bold text in HTML**

Markdown syntax bevat elementen die eenvoudig om te zetten zijn naar elke gewenste HTML component. Zo zijn er specifieke syntax elementen voor alinea’s, titels, lijsten, links, en alle andere dingen. Een eenvoudig voorbeeld van een tekstdocument in markdown:

Een eenvoudig voorbeeld van markdown.
Een eenvoudig voorbeeld van markdown.

En dit gebeurt er wanneer je die syntax omzet naar HTML, wat elke markdown editor voor je kan doen:

Converteren van markdown naar HTML.
Converteren van markdown naar HTML.

Het schrijven in markdown is veel makkelijker dan in HTML. Een markdown editor is een stuk software dat die syntax kan herkennen en om kan zetten naar andere bestandstypen, waaronder (maar niet uitsluitend) HTML.

Voordelen van een markdown editor

Het voornaamste voordeel van markdown is compatibiliteit en flexibiliteit. Een goede markdown editor kan een markdown document nemen (.md of .mkd) en dit omzetten in een ander format, zoals:

  • HTML
  • PDF
  • Plain text
  • Epub
  • Docx

Markdown kan omgezet worden naar al deze bestandstypen, en je krijgt dan een perfect opgemaakt document. Wanneer je een Google Docs bestand probeert om te naar HTML of een PDF, is het resultaat meestal een bende qua opmaak, waardoor je weer tijd en moeite moet doen om alles weer netjes te krijgen.

Een ander groot voordeel van markdown is dat de syntax vrij eenvoudig is. Je hebt al wat voorbeelden van markdown syntax gezien, en je kan een complete introductie vinden op Markdown Guide.

Deze eenvoud is belangrijk omdat het betekent dat je weinig moeite hoeft te doen om de syntaxis achter markdown te leren. Daarnaast is markdown erg populair onder developers, en is dan ook de standaardtaal op allerlei platforms, waaronder GitHub.

Als je met een gerust hart markdown kan schrijven, zul je content kunnen maken die eenvoudig om te zetten is naar elk gewenst bestandstype. Ook bij WordPress kan je markdown bestanden gebruiken, ze omzetten naar HTML, en die HTML importeren naar je websit – allemaal binnen enkele minuten. Het enige wat je daarvoor nodig hebt is een goede markdown editor.

De 5 beste markdown editors

Voor dit overzicht hebben we gekeken naar markdown editors voor verschillende besturingssystemen, en enkele online mogelijkheden. We zullen bekijken welke editor het beste werkt in welke situatie, en we hebben er ook eventuele prijsinformatie bij gezet.

Onthoud dat je eigenlijk elke tekst editor of code editor kan gebruiken als je voornaamste tool, zolang je bedreven bent in het schrijven van markdown. Echter, een speciale markdown editor biedt je vaak extra features die je het werk een stuk makkelijker maken. We zullen het verderop over enkele van dat soort features hebben.

1. Mark

De Mark markdown editor.
De Mark markdown editor.

Markdown editors hebben niet heel veel features nodig om toch erg handig te zijn. Ben je een fan van minimalistische tekstbewerkers, dan is Mark waarschijnlijk je nieuwe favoriet.

Mark is een online markdown editor zonder toeters en bellen. Aan de linkerkant krijg je een markdown editor, en aan de rechterkant krijg je meteen een preview van hoe de tekst eruit zal zien in een browser. De editor heeft ook een dark mode.

Je kan je bestanden opslaan in HTML, of de markdown zelf kopiëren en in je website plakken. WordPress herkent niet standaard de syntax van markdown, maar we laten zometeen zien hoe je dat op kan lossen.

Kosten: Gratis

2. Typora

De Typora markdown editor.
De Typora markdown editor.

Typora is een gebruiksvriendelijke markdown editor die automatisch je syntaxis bekijkt en laat zien hoe de content eruit zal zien wanneer je deze gaat exporteren. Je kan eenvoudig wisselen tussen de “code editor” en de “visual preview”, waardoor je makkelijk foutjes in je syntaxis kan corrigeren.

Met Typora kan je markdown documenten exporteren naar verschillende bestandsindelingen, waaronder Word documenten, HTML, PDF, en plain text bestanden. De software biedt ook de mogelijkheid om markdown elementen toe te voegen via sneltoetsen, waardoor het werk nog sneller gaat.

Als laatste heeft Typora een themasysteem, wat vooral handig is als je de software vaak gebruikt. Met deze thema’s kan je de stijl van Typora aanpassen, zodat je zo efficiënt mogelijk je content kan schrijven.

Prijs: Typora zit nog in bèta, en zal in ieder geval tot de lancering nog gratis zijn.

3. Draft

De Draft markdown editor.
De Draft markdown editor.

Draft is een online markdown editor die opvalt dankzij de samenwerkingstools. Met Draft kan je documenten in markdown syntaxis of HTML schrijven en ze meteen delen, zodat andere gebruikers die bestanden kunnen aanpassen.

Wanneer je samenwerkt via Draft, slaat het platform alle verschillende versies van je document op, waarin je wijzigingen tussen versies eenvoudig kan terugzien. Je kan ook afbeeldingen importeren naar je documenten vanuit verschillende platforms voor cloud-opslag of ze uploaden vanaf je computer.

Draft biedt ook de mogelijkheid voor opmerkingen en voetnoten bij je documenten, en om to-do lijstjes per bestand te maken. Met deze lijstjes kan je eenvoudig taken afvinken wanneer ze klaar zijn, net als de mensen met wie je samenwerkt.

Zodra je klaar bent om het document te exporteren, biedt Draft verschillende opties. Je kan markdown bestand exporteren als Word of Google document, PDF, HTML, of ze in markdown format houden.

Prijs: Gratis, maar je moet je wel registreren voor een account om Draft te gebruiken.

4. Dillinger

De Dillinger markdown editor.
De Dillinger markdown editor.

Als je de eenvoud van Mark fijn vindt, maar liever wat meer features wil, dan is Dillinger voor jou. Deze live markdown editor toont je een preview van je tekst tijdens het schrijven. Daarnaast kan je die preview in de HTML modus zetten, zodat je meteen kan zien hoe je markdown omgezet zal worden naar HTML code.

Dillinger biedt mogelijkheden om je markdown bestanden te exporteren naar verschillende indelingen, waaronder HTML en PDF. Je kan je markdown documenten ook previewen in die formats voordat je ze exporteert, wat een hoop tijd kan besparen.

Met Dillinger kan je je markdown bestanden meteen opslaan in verschillende cloudplatforms en GitHub (wat de tool ideaal maakt voor het schrijven van documentatie). Je kan ook bestanden vanaf die platforms importeren naar Dillinger, of markup documenten uploaden vanaf je computer.

Kosten: Gratis

5. iA Writer

De iA Writer markdown editor.
De iA Writer markdown editor.

Als je op zoek bent naar een markdown editor die met Android en iOs werkt, zodat je content kan schrijven op je mobiele apparaat, dan is iA Writer een interessante optie. De software biedt ook versies voor Windows en macOS, met dezelfde overzichtelijke interface op alle platforms.

iA Writer markeert markdown syntax met kleuren, waardoor het makkelijker wordt om elk element te volgen. De software bevat ook een ingebouwde style checker, waardoor je beter kan schrijven, en je kan het combineren met een focus mode om afleiding buiten te sluiten.

Met de software kan je de markdown bestanden preview in HTML of PDF en ze exporteren. Je kan ook metadata toevoegen aan je documenten, wat vooral erg handig is als je aan webcontent werkt.

Prijs: De prijzen van licenties zijn afhankelijk van het gebruikte besturingssysteem.

Wat zijn markdown editors voor WordPress?

WordPress biedt de mogelijkheid om content te schrijven in een eenvoudige visuele editor of in HTML. Maar je kan geen markdown syntax gebruiken in WordPress zelf, omdat het CSM dit niet kan verwerken.

Kijk maar eens in dit voorbeeld wat er gebeurt als we markdown invoeren in de code editor:

Markdown in WordPress.
Markdown in WordPress.

WordPress zal je markdown code als gewone code proberen te verwerken. Wanneer je dus schrijft in markdown, zul je de bestanden eerst naar HTML om moeten zetten, die code kopiëren, en dat plakken in de WordPress pagina of artikel.

Er is ook een plugin die we kunnen aanbevelen, die markdown ondersteuning toevoegt aan WordPress. Die plugin is een goede bekende: Jetpack. Jetpack biedt een bizarre hoeveelheid features voor WordPress, van verbeterde beveiliging tot automatische backups en optimalisering van media.

Als je wil leren hoe je Jetpack kan opzetten, hebben we een uitgebreide uitleg hoe je dat doet. Om de WordPress markdown editor van Jetpack te activeren, ga je na het activeren van de plugin naar Jetpack > Settings > Writing.

Zoek naar het onderdeel Composing en activeer de instelling Write posts or pages in plain-text Markdown syntax:

Inschakelen van markdown syntaxis in WordPress.
Inschakelen van markdown syntaxis in WordPress.

Nadat je de markdown syntax hebt toegevoegd, open je gewoon de Block Editor, waar je nu een nieuw block vindt, namelijk de Markdown block:

De Jetpack Markdown block.
De Jetpack Markdown block.

Met dit block kan je in markdown syntax schrijven. Als je op het tabblad Preview klikt, zie je hoe de syntax er aan de frontend uit zal zien.

Als je een ingebouwde WordPress markdown editor wil hebben, dan is Jetpack verreweg de beste optie. Het enige nadeel is dat je de plugin moet koppelen aan een WordPress.com account. Gelukkig is de markdown functionaliteit beschikbaar in de gratis versie van Jetpack, dus je hoeft verder niks te betalen om de syntax in WordPress te gaan gebruiken.

Samenvatting

Het gebruiken van markdown syntax kan je werk aanzienlijk makkelijker maken als je vaak bestanden moet exporteren naar HTML, Word documenten of PDF. Als je de Jetpack plugin gebruikt, krijg je direct toegang tot een WordPress markdown editor die je meteen binnen je eigen website kan gebruiken.

Je kan ook kiezen voor een complete markdown editor, waarin je je werk kan exporteren naar HTML, en die HTML kan je dan uploaden naar WordPress. We hebben onze vijf favoriete editors voor die mogelijkheid hierboven genoemd.

Tijd om aan het schrijven te gaan!

Heb jij goede ervaringen met andere markdown editors? Laat het ons weten in de reacties hieronder.

Salman Ravoof

Salman Ravoof is een autodidactische webdeveloper, schrijver, creator en een groot bewonderaar van Free and Open Source Software (FOSS). Naast techniek is hij enthousiast over wetenschap, filosofie, fotografie, kunst, katten en eten. Lees meer over hem op zijn website en kom in contact met Salman op X.