how to fix WordPress visual editor not working

WordPress Visual Editor Not Working: White Text And Missing Buttons

how to fix WordPress visual editor not working

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.

Content:

  1. Simple options to fix the white text and missing buttons error
  2. Advanced options to fix the white text and missing buttons error

 

How to Fix White Text and Missing Buttons Error in WordPress Visual Editor

There are quick steps you can immediately perform to fix the visual editor in WordPress. These steps can be done on your browser and on your admin dashboard.

 

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

 deactivate plugins in installed plugins on wordpress

Select All Plugins. Next, click Bulk Actions, select Deactivate, and click Apply.

deactivate all plugins

 

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:

 

delete tinymce folder

  • 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.

upload new tinymce folder

 

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.

wp config 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.

click plugins add new

Search for the tinymce advanced plugin, click ‘Install now’ on the best appropriate search result and finally click ‘Activate.

install tinymce plugin

Now try using your WordPress editor to see if you fixed the problem.

Conclusion

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.