{"id":71657,"date":"2021-03-18T07:00:00","date_gmt":"2021-03-18T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71657"},"modified":"2025-05-26T09:42:11","modified_gmt":"2025-05-26T16:42:11","slug":"hoe-witte-tekst-en-ontbrekende-knoppen-in-de-wordpress-visuele-editor-te-repareren-5-stappen-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-witte-tekst-en-ontbrekende-knoppen-in-de-wordpress-visuele-editor-te-repareren-5-stappen-nl\/","title":{"rendered":"Hoe Witte Tekst en Ontbrekende Knoppen in de WordPress Visuele Editor te Repareren (5 Stappen)"},"content":{"rendered":"\n

Stel je voor: Je logt in op je WordPress-dashboard<\/a><\/span> om een nieuw blogbericht te schrijven. Je start de Classic Editor, alleen om een probleem te ontdekken. Alle opmaakknoppen zijn verdwenen, en de tekst is wit en onmogelijk te zien.<\/p>\n\n\n

Het tegenkomen van deze fout kan frustrerend zijn. Het kan je zelfs verhinderen je werk te doen, waardoor je mogelijk achter op schema raakt. Gelukkig zijn er verschillende oplossingen voor dit probleem.<\/p>\n\n\n

In dit artikel bekijken we precies waar deze fout over gaat en vervolgens leiden we je door de oplossing in vijf stappen. Laten we beginnen!<\/p>\n\n\n

Een Introductie Tot De Fout Met Witte Tekst En Ontbrekende Knoppen In De Visuele Editor Van WordPress<\/strong><\/h2>\n\n\n

Voordat we deze fout induiken, laten we precies verduidelijken wat we bedoelen met de “visuele editor.” Dit verwijst naar de mooi opgemaakte editor die je gebruikt om je berichten of pagina’s in WordPress te maken, of dat nu de Classic Editor is of de nieuwere Block Editor<\/a><\/span>.<\/p>\n\n\n

De fout waar we in dit artikel mee te maken hebben, komt voor in de visuele editor wanneer we de Classic Editor-plugin<\/a><\/span> gebruiken.<\/p>\n\n

\n
\"De<\/figure><\/div>\n\n

De opmaakknoppen bovenaan verdwijnen plotseling. Bovendien kan de tekst die je in het editorveld schrijft dezelfde kleur hebben als de achtergrond, waardoor het onleesbaar wordt.<\/p>\n\n\n

Dit maakt het gebruik van de Classic Editor vrijwel onmogelijk. Als je hierop vertrouwt om je bloginhoud<\/a><\/span> te cre\u00ebren, wil je dit probleem zo snel mogelijk oplossen. Gelukkig is dit probleem niet moeilijk te verhelpen.<\/p>\n\n\n

Wat Te Doen Voordat Je Begint Met Probleemoplossing<\/span><\/h2>\n\n\n

Voordat je begint met probleemoplossing, raden we aan een back-up van je site te maken. Als je DreamHost gebruikt, maken we het back-upproces<\/a><\/span> ongelooflijk eenvoudig.<\/p>\n\n\n

Als je een andere hostingprovider gebruikt, biedt deze waarschijnlijk ook een back-upoplossing. Je kunt de betreffende documentatie raadplegen voor instructies. Je kunt ook kiezen voor een WordPress back-up plugin zoals UpdraftPlus<\/a><\/span>.<\/p>\n\n\n\n\n\n\n\n

\"Ad<\/div>\n\n\n\n\n
\n \n Vermijd De WordPress Foutenstress\n <\/h2>\n \n Vermijd probleemoplossing wanneer je je aanmeldt voor DreamPress. Onze vriendelijke WordPress-experts zijn 24\/7 beschikbaar om te helpen met websiteproblemen – groot of klein.\n <\/p>\n\n \n Bekijk De Plannen <\/a>\n\n <\/div>\n<\/div>\n\n

Hoe Witte Tekst En Ontbrekende Knoppen In De WordPress Visuele Editor Te Repareren (In 5 Stappen)<\/span><\/h2>\n\n\n

Deze fout is hoogstwaarschijnlijk een probleem met je browser cache of met de Classic Editor zelf \u2014 beide kunnen gemakkelijk worden opgelost. We raden je aan deze vijf stappen in volgorde te volgen, en alleen naar de volgende te gaan als het probleem zich nog steeds voordoet.<\/p>\n\n\n

Stap 1: Leeg Je Browser Cache<\/span><\/h3>\n\n\n

De eerste en eenvoudigste methode die je kunt proberen is het leegmaken van je browsercache. Je browser slaat versies op van websites die je bezoekt (inclusief je WordPress-editor) om het laden ervan te versnellen.<\/p>\n\n\n

Als je cache beschadigd is of een versie van een pagina met fouten heeft opgeslagen, kan het blijven doorgaan met het laden van de defecte pagina. Het leegmaken van de cache dwingt de browser om een verse kopie van de editor te laden, in de hoop het probleem op te lossen.<\/p>\n\n\n

Om je cache in Google Chrome te legen, klik je op het menu-icoon met drie puntjes in de rechterbovenhoek en vervolgens klik je op Instellingen<\/span>. Onder de Privacy en beveiliging<\/span> sectie, selecteer Browsegegevens wissen<\/span>.<\/p>\n\n

\n
\"Opties<\/figure><\/div>\n\n

In het pop-upvenster, zorg ervoor dat alleen Gecachte afbeeldingen en bestanden<\/span> geselecteerd is, en klik dan op Gegevens wissen<\/span>. Als je Chrome niet gebruikt of meer begeleiding wilt, kun je verwijzen naar onze handleiding over het legen van je browsercache<\/a><\/span>.<\/p>\n\n\n

Stap 2: Deactiveer Al Je WordPress Plugins<\/span><\/h3>\n\n\n

Vervolgens kun je controleren of een plugin het probleem veroorzaakt. De beste manier om dit te doen is door al je plugins te deactiveren (behalve de Classic Editor), te controleren of het probleem is opgelost en ze dan \u00e9\u00e9n voor \u00e9\u00e9n weer in te schakelen totdat de fout terugkeert.<\/p>\n\n\n

Op dat moment heb je de problematische plugin ge\u00efsoleerd. Dan kun je kijken naar updates, zoeken naar alternatieven, of het gewoon gedeactiveerd laten als het er een is waar je niet van afhankelijk bent.<\/p>\n\n\n

Om je WordPress plugins te deactiveren, ga naar het dashboard en navigeer naar Plugins > Installed Plugins<\/span>.<\/p>\n\n\n

\"\"<\/figure>\n\n\n

Vink het vakje naast alle plugins aan, behalve de Classic Editor. In het Bulkacties<\/span> vak kun je Deactiveren<\/span> kiezen en klikken op Toepassen.<\/span> Laad vervolgens de WordPress-editor opnieuw en controleer of alles correct werkt.<\/p>\n\n\n

Als het deactiveren van je plugins <\/span>de fout heeft opgelost, is je volgende stap het isoleren van de plugin die het veroorzaakte. Je kunt de lijst \u00e9\u00e9n voor \u00e9\u00e9n afgaan en klikken op de Activeer <\/span>knop onder de naam van de plugin. Nadat elke plugin opnieuw is geactiveerd, controleer je of de fout opnieuw optreedt. Zo niet, dan kun je doorgaan totdat je de problematische plugin vindt.<\/p>\n\n\n\n\n

\n\tRelated Article<\/span>\n\t
\n\t\t
\n\t\t\t18 Pro Tips for Choosing the Perfect WordPress Theme\n\t\t<\/div>\n\t\t\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n

Stap 3: Vervang De TinyMCE Map<\/span><\/h3>\n\n\n

TinyMCE<\/a><\/span> is de technische naam voor de WordPress Classic Editor. Het is een open-source editor die door nogal wat platforms wordt gebruikt, naast WordPress.<\/p>\n\n\n

Een probleem met de TinyMCE-bestanden kan ervoor zorgen dat de knoppen van de editor verdwijnen. Om dit op te lossen, kun je de map vervangen door een nieuwe kopie.<\/p>\n\n\n

Eerst, download de versie van WordPress<\/a><\/span> die jouw site gebruikt. Je kunt het huidige versienummer vinden door rechtsonder op elke pagina in je WordPress dashboard te kijken.<\/p>\n\n

\n
\"De<\/figure><\/div>\n\n

Open het WordPress zip-bestand en verplaats de TinyMCE-map naar een andere locatie, zoals je bureaublad. Deze bevindt zich in wp-includes\/js\/tinymce<\/span>.<\/p>\n\n\n

Uiteindelijk moet je toegang krijgen tot het bestandssysteem van je WordPress-site en de oude map vervangen door de nieuwe. Ga naar je DreamPress-account (zie Stap 1 voor instructies). Onder de Details<\/span>-sectie, klik op Beheer Bestanden<\/span> om de DreamHost bestandsverkenner te openen.<\/p>\n\n

\n
\"De<\/figure><\/div>\n\n

Als je geen DreamHost-klant bent, kun je ook toegang krijgen tot je site via Secure File Transfer Protocol (SFTP)<\/a><\/span>. Navigeer naar wp-includes\/js<\/span> en upload de nieuwe kopie van de TinyMCE-map met de knop \u201comhoog pijl\u201d linksonder. Vervolgens kun je je WordPress-dashboard vernieuwen en de editor opnieuw controleren.<\/p>\n\n\n

Stap 4: Wijzig het wp-config.php<\/span> bestand<\/strong><\/h3>\n\n\n

Als de bovenstaande oplossingen niet hebben gewerkt, kun je proberen je wp-config.php<\/span> bestand aan te passen om WordPress te dwingen scripts afzonderlijk te laden. Begin met het openen van je WordPress-site in de DreamHost-bestandsbeheerder of via SFTP, zoals hierboven beschreven.<\/p>\n\n\n

Het wp-config.php<\/span> bestand bevindt zich in de hoofdmap van je site. Voeg gewoon de volgende regel code<\/a><\/span> toe aan de bovenkant van het bestand, direct na de openings <php><\/span> tag:<\/p>\n\n\n

define(\u2018CONCATENATE_SCRIPTS\u2019,false);<\/pre>\n\n\n
Hier is hoe jouw code eruit zou moeten zien:<\/p>\n\n
\n
\"Het<\/figure><\/div>\n\n
Als je klaar bent, sla het bestand op, vernieuw je site en probeer dan opnieuw de visuele editor te laden. Als je nog steeds de foutmelding ziet, ga dan verder met de laatste stap.<\/p>\n\n\n
Stap 5: Installeer de Geavanceerde Editor Gereedschappen<\/a><\/span> Plugin<\/strong><\/h3>\n\n\n
Voorheen bekend als TinyMCE Advanced, de Geavanceerde Editor Tools Plugin<\/a><\/span> is een versie van het TinyMCE-script dat extra functies biedt.<\/p>\n\n
\n
\"De<\/figure><\/div>\n\n
In wezen biedt het je een combinatie van de TinyMCE-editor en de Block Editor. Bovendien is het gratis te downloaden en te gebruiken.<\/p>\n\n\n
Nadat je het hebt ge\u00efnstalleerd en geactiveerd, kun je de instellingen vinden door te navigeren naar Instellingen > Geavanceerde bewerkingstools<\/span>.<\/p>\n\n
\n
\"De<\/figure><\/div>\n\n
Zodra het geactiveerd is en je de instellingen naar wens hebt geconfigureerd, vernieuw je WordPress-site. Nu, wanneer je naar een nieuw WordPress-bericht of -pagina gaat, zou je moeten zien dat de voorheen ontbrekende knoppen verschijnen in je visuele editor.<\/p>\n\n\n
Extra Hulpmiddelen Voor WordPress-problemen<\/strong><\/h2>\n\n\n
Wil je meer leren over het oplossen van veelvoorkomende WordPress-fouten<\/a><\/span>? We hebben meerdere gidsen samengesteld om je te helpen.<\/p>\n\n\n