Terug naar begrippenlijst
WYSIWYG (What You See Is What You Get)
WYSIWYG staat voor What You See Is What You Get. Het is een type editor waarbij je tijdens het bewerken van content meteen ziet hoe het eindresultaat eruitziet. Geen rauwe HTML of opmaakcodes, maar gewoon bewerken alsof je in een Word-document zit. Of je nu een blog schrijft in WordPress, een nieuwsbrief opmaakt of een landingspagina bouwt: WYSIWYG-editors maken contentcreatie visueel, intuïtief en overzichtelijk – zonder dat je technische softwarekennis nodig hebt.
Inhoudsopgave
Maken zonder markdown
In een WYSIWYG-editor klik je op “vet”, en je tekst wordt vet. Sleep je een afbeelding ergens tussen de tekst? Dan zie je meteen hoe het eruitziet. Wat je ziet, is echt wat je krijgt – letterlijk.
Je hoeft dus niet te denken in <strong> of <div class=”image-block”>, maar gewoon in tekst, titels, lijsten en visuals. Ideaal voor contentmakers die snel iets willen publiceren zonder tussenkomst van een developer. Een laagdrempelige manier van webbewerking, zonder technische drempels.
Overal waar je content maakt zonder te coderen
Je herkent WYSIWYG-editors aan hun vertrouwde knoppenbalken, tekstvakken en inline opmaakopties. Ze zitten onder andere in:
- CMS’en zoals WordPress, Drupal en Wix
- E-mailtools zoals Mailchimp of ActiveCampaign
- Drag-and-drop builders zoals Webflow of Elementor
- Online tekstverwerkers zoals Google Docs of Notion
Ze maken contentbewerking toegankelijker en zorgen dat je minder afhankelijk bent van iemand die met code overweg kan. En dat is prettig, zeker als je snel moet schakelen in je marketing of design.
Ideaal, maar niet perfect
Hoewel WYSIWYG-editors superhandig zijn, zitten er ook wat haken en ogen aan. Ze kunnen extra opmaakcode toevoegen die je site trager maakt, of ze geven je minder controle dan wanneer je rechtstreeks in HTML of CSS werkt.
Voor wie pixel-perfect wil ontwerpen of complexe componenten bouwt, is een code-editor vaak preciezer. Maar voor snelle content, simpele pagina’s of marketingmateriaal is WYSIWYG vaak meer dan genoeg (en een stuk toegankelijker). Kortom, het is niet perfect, maar wel ontzettend praktisch in veel softwaretoepassingen.
Veelgestelde vragen
Zeker. Veel marketing- en contentteams gebruiken ze dagelijks. Maar voor maatwerk of dev-heavy projecten is handmatige code vaak krachtiger.
Ja, veel moderne editors ondersteunen responsive design – al is dat wel afhankelijk van het systeem waarin je werkt.
Niet helemaal. Drag-and-drop is een specifieke manier van content toevoegen. WYSIWYG betekent dat je de uiteindelijke vormgeving direct ziet tijdens het bewerken.
Dat hangt af van je platform. Bekende opties zijn TinyMCE, CKEditor en de WordPress Gutenberg-editor.
Stan Classens Front-end developer
Gerelateerde begrippen
- 301 redirect
- 302 redirect
- Above the Fold
- Abstraction
- Access Control
- Accessible Rich Internet Applications (ARIA )
- Alt tag
- Anchor tekst
- Animatie
- API
- Back-end
- Binary Tree
- Bootstrap
- Bug
- Caching
- CAPTCHA
- Card layout
- Codebase
- Content Management Systeem
- CSS
- CSS Grid Layout
- Database Management System (DBMS)
- Debugging
- DRY
