Tot 3 x sneller en frustratieloos web content schrijven: kill WYSIWYG, enable Markdown || Drupal

10 Jun 2013

Joris Snoek - Business Dev
+31 (0)20 - 261 14 99

Let's face it: een WYSIWYG editor om content mee te schrijven lijkt handig, maar zodra je ermee aan de slag gaat lijkt het vaak op Microsoft Word ellende. De editor doet meestal net niet wat je wilt met de layout, waardoor je tijd kwijtraakt en gefrustreerd bent.

Ook het plakken van teksten uit andere bronnen: Word, PDF, andere websites, etc. gaat meestal lastig. Zelfs mét een 'clean up' button wordt je layout vaak verstoord.

Design bepaalt layout

Wanneer je een webproject professioneel aanpakt, zal een designer definiëren hoe de elementen in de content eruit komen te zien. Denk aan ruimte tussen paragrafen, opsommingstekens, kopjes, links, etc.

Je wilt als content manager niet breken met dit design. Een WYSIWYG editor breekt dit meestal snel, omdat deze te veel vrijheid geeft met opmaakmogelijkheden.

Hoewel je de opties (dik, schuin, onderstreept, etc.) in de editor goed kunt beperken, is het mijn ervaring dat je alsnog problemen kunt krijgen met 'scheve' opmaak in zo'n editor.

Vaak genereert deze een layout voor de bezoeker, die niet conform design is. Daardoor breek je met je huisstijl, wat bezoekers (onbewust) niet prettig vinden.

Kill the WYSIWYG editor & enable markdown

Om van die editor ellende af te komen, zal je hem als eerste moeten uitschakelen. Dan houd je een invoerveld over, zonder opmaak mogelijkheden. Er zullen een aantal stijlen zijn, die je waarschijnlijk wel écht nodig hebt, denk aan:

  • Enters
  • Paragraven
  • Dik maken
  • Schuin zetten
  • Opsommen (nummering en bullets)
  • Aanmaken kopjes (heading 2, 3, 4, 5)
  • Linkjes maken

Dit kan razend snel, consistent en frustratieloos met behulp van markdown.
Dit bestaat al geruime tijd, maar ik zie het nog weinig gebruikt worden.

Enkele markdown opmaak mogelijkheden:

*Enkele asterisk* = schuin zetten
##### Kop 5 = kop 5 aanmaken
- item 1
- item 2
- item 3
= lijst aanmaken (plaatsen een streepje voor elk lijst-item)

Bovenstaande voorbeelden komen er als volgt uit te zien voor de website bezoeker:

Enkele asterisk

Kop 5
  • item 1
  • item 2
  • item 3

Voor de complete documentatie, zie Markdown documentation

Markdown houdt design en database clean

Door gebruik te maken van markdown in plaats van een wysiwyg editor zal je design niet kunnen breken; markdown geeft je die vrijheid namelijk niet.

Je houdt tevens je database cleaner: die komt namelijk niet vol te staan met HTML.

Last words

Je ziet dat het opmaken van tekst consistent en frustratieloos kan, door het gebruik van markdown: plaats de juiste tekens om je teksten heen.

Opmaak voor de bezoeker zal op deze manier altijd consistent en 'by design' zijn.

Conversie ;-)

Comments

Nóg meer
kennis nodig?

Check ons ons blog archief >