WYSIWYG staat voor What You See Is What You Get. Het is een editor die je content meteen opgemaakt laat zien zoals hij er live uit komt te zien, zodat je direct met vette tekst, koppen en afbeeldingen werkt in plaats van code te schrijven en maar te gokken hoe het eruitkomt.
De klassieke vergelijking is Microsoft Word tegenover een brief in kale code typen. In Word maak je een woord vet door op een knop te klikken en meteen ziet het er vet uit. Een WYSIWYG-editor brengt datzelfde gemak naar het web: de WordPress-editor is een goed voorbeeld, en de meeste contentmanagementsystemen hebben er een, zodat niet-technische collegas paginas kunnen aanpassen zonder hulp. De grens met een volledige pagebuilder vervaagt in tools als Elementor, maar het verschil is echt. Een pagebuilder schuift hele secties heen en weer, terwijl een WYSIWYG-veld vooral om de woorden in één blok geeft.
Er zit wel een addertje onder het gras. Wat je ziet krijg je, maar alleen ongeveer. De editor toont op één schermformaat, terwijl echte bezoekers binnenkomen op telefoons, tablets en brede monitoren. Daardoor kunnen witruimte en regelafbrekingen verschuiven. WYSIWYG-editors maken op de achtergrond ook weleens rommelige HTML, en daarom koppelen ontwikkelaars er vaak een nettere rich text-afhandeling aan onder de motorkap. Stel je een marketeer voor die de aanbieding van vorige maand wil vervangen. Met een net WYSIWYG-veld past ze de kop aan, sleept ze een nieuwe afbeelding erin, klikt op opslaan en staat de pagina binnen een minuut live. Geen ticket, geen ontwikkelaar, geen wachten.
Bij TopDevs zetten we WYSIWYG-bewerking zo op dat klanten met een gerust hart hun eigen tekst en beeld aanpassen, terwijl de onderliggende code netjes genoeg blijft dat snelheid en SEO niet onder het gemak lijden.
