Is your visual editor not working? There is a common error that occurs in the WordPress visual editor, where the text color is reset to white and the buttons needed to make changes on your editor and its content go missing.
In this article, we will explain what causes this error, and show you steps you can take to fix it.
- Simple options to fix the white text and missing buttons error
- Advanced options to fix the white text and missing buttons error
How to Fix White Text and Missing Buttons Error in WordPress Visual Editor
Clear the browser cache
To clear cache from your Chrome browser:
- Open the browser and click on a button with three dots at the top right corner of the browser window.
- Place the mouse pointer on ‘More tools’ and click on ‘Clear browsing data’.
- Select a time range from the dropdown and click the ‘clear data’ button.
To clear cache from your Mozilla Firefox browser:
- Open the browser and click on the menu button at the upper right corner.
- Select Options from the menu.
- In the Privacy section, click on Clear your recent history. From the drop-down menu next to a Time range to clear, select Everything, then click on Clear Now.
Deactivate all plugins
In some cases, the plugins installed in your WordPress site may conflict with each other. Since it may not be possible to know the exact plugin that is causing the issue, you should deactivate all plugins.
If the visual editor is restored after the plugins have been deactivated, then you may reactivate them individually and test the WordPress editor to identify the particular one that caused the error.
You can deactivate all plugins by going to the dashboard: Plugins > Installed Plugins
Select All Plugins. Next, click Bulk Actions, select Deactivate, and click Apply.
Advanced options to fix the white text and missing buttons error
There are other advanced options that may be required to fix the error if the simple fixes do not solve the problem. Using any of these methods, you have to make certain changes and modifications to the WordPress files.
Replace your TinyMCE folder
It is possible that an incomplete WordPress installation or upgrade corrupted your core files and led to this issue. To fix this, you need to replace the corrupted TinyMCE folder with a new one. Here’s how:
- Download a corresponding version of WordPress from the WordPress website and extract the zip file to a suitable location on your computer.
- Access your WordPress files on your server using an FTP client like FileZilla and double-click on the path: wp-includes > js.
- Locate a folder called ‘tinymce’ and delete it.
- On the left-hand side of FileZilla where you have your computer files, locate your newly downloaded WordPress folder and double-click on the path: wp-includes > js.
- Locate the ‘tinymce’ folder, right click on it, and click Upload. This will replace the folder you deleted.
Now try using your editor to see if the issue is fixed.
Modify the wp-config file
- Open ‘wp-config.php’ file in a text editor such as ‘notepad’
- Right under the ‘<?php’ tag, insert this code ‘define(‘CONCATENATE_SCRIPTS’,false);’ and save the file.
Install the advanced TinyMCE plugin
The plugin is an extended version of the tinymce script. You can install it by going to your dashboard and click on Plugins > Add new.
Search for the tinymce advanced plugin, click ‘Install now’ on the best appropriate search result and finally click ‘Activate’.
Now try using your WordPress editor to see if you fixed the problem.
The WordPress visual editor is a WYSIWYG platform that is similar to word processor editors. Missing buttons and white text make it impossible to create content in WordPress sites, and what is WordPress without this ability?
Hopefully, one of the above-mentioned solutions helped you fix this issue and revert your text editor to its normal state. However, if you are still unable to fix it feel free to contact our WordPress support team and we will help you solve the issue.