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

Consider the following scenario: you log into your WordPress dashboard to create a new blog post. A problem arises when you open the Classic Editor. Neither formatting buttons nor text can be seen, and all the text is white.

Errors like this are frustrating, because they ruin your productivity.

But it’s okay: to resolve this issue, several options are available.

This article is going to show you how to resolve this error with five simple steps. Let’s begin!

Visual editor

Fixing The White Text and Missing Buttons in the WordPress Visual Editor

1. Empty Your Browser Cache

First and foremost, clear the cache of your browser. Browsers save versions of websites you visit (including your WordPress editor) to make them load faster.

A corrupted cache or one that stores versions of pages with errors may continue to display the broken version of a page. The cache clearing forces the browser to reload the editor, hopefully preventing the problem from recurring.

Step 2: Deactivate All of Your WordPress Plugins

The next thing to do is to check if a plugin is the issue. The best way to fix this is to turn off all your plugins (except for the Classic Editor), see if the error goes away, then re-enable them one at a time until it comes back.

Then you will know which plugin is causing the problem. Check for updates, find alternatives, or simply deactivate it if you are not relying on it.

Step 3: Get a New TinyMCE Folder

WordPress Classic Editor is technically known as TinyMCE. WordPress is just one of the platforms that use this open-source editor.

The editor’s buttons may disappear due to an issue with the TinyMCE files. To solve this issue, you can replace the folder with a fresh copy.

The first step is to download the WordPress version your site uses. In your WordPress dashboard, the version number is displayed in the lower-right corner of every page.

Move the TinyMCE folder to your desktop after you open up the WordPress zip file. You can find it at wp-includes/js/tinymce.

After that, you’ll have to access and replace the old folder in the WordPress site’s file system. 

You will need to access your site via FTP and navigate to wp-includes/js. Then upload the TinyMCE folder. 

Check the editor again after refreshing your WordPress dashboard.

Step 4: Edit wp-config.php

If none of the above solutions worked for you, open your wp-config.php file and add the following line after the php opening tag.

concatenate_scripts false wordpress
define('CONCATENATE_SCRIPTS', false);

This will force WordPress to load scripts individually and fix the issue.

The file wp-config.php can be found in the root directory of your site. 

Once that is done, save the file, refresh the page, and then try to load the visual editor again. In case you still see this error message, proceed to the last step.

Step 5: Get The Advanced Editor Tools Plugin

Then Advanced Editor Tools is a version of the TinyMCE script that adds additional functionality.

Activate the plugin and configure the settings as you desire. Finally, reload your WordPress site.

Your visual editor should now show the previously-missing buttons when you create a new WordPress post or page.

Troubleshooting the WordPress visual editor issue: final thoughts

When the WordPress editor is experiencing problems, such as white text that is unreadable or disappearing buttons, don’t worry. This is one of those WordPress errors that you can easily troubleshoot with multiple methods.

Here are five steps you can take to fix the white text and missing buttons error in WordPress: 

  1. First, clear your cache.
  2. Deactivate/Reactivate your plugins.
  3. Erase the TinyMCE folder with a fresh copy.
  4. Edit your wp-config.php file.
  5. Get the Advanced editor tool plugin.

This last step probably look like the easiest, but keep in mind that you should only install plugins when it’s really necessary!

I hope you have found this article helpful in fixing the WordPress visual editor error. You may also want to see my article on How to Fix Pluggable.php File Errors in WordPress or on How to Fix the Error Establishing a Database Connection in WordPress!