Wordpress editor showing white text

Question

I have a problem with a Wordpress site, the editor is showing the text as white (on a white background) so unless you highlight the text, you can't see it. This is only in the admin section of the site, the front-end doesn't seem to be affected

I have found where the css is changing the text to white ( /wp-includes/css/editor.min.css ):

.js .tmce-active .wp-editor-area{color:#fff} 

I have removed this and cleared the cache (even tried a different browser) but it's still showing in the editor.

Also, the 'Visual' and 'Text' buttons don't work.

Any ideas?

I have gone through an disabled each plugin, one at a time but it still is a problem.

Answer 1

Check your javascript console. If you see an error like:

"post.php?post=2840&action=edit:2783 Uncaught ReferenceError: tinymce is not defined"

Then the loading of wp-tinymce.php failing. Because the editor hasn't loaded, it appear as if your text is white, or "invisible" in the editor. This can be worked-around by adding:

define('CONCATENATE_SCRIPTS', false);

(Per Tijmen above, or https://wordpress.stackexchange.com/a/63172/118510)

(I use WP Fastest Cache plugin which has it's own concatenation, so if I use that plugin, then I'm OK skipping the default Wordpress concatenation.)

The root problem, however, is that a request to:

/wp-includes/js/tinymce/wp-tinymce.php?c=1&ver=4506-20170408

Is failing or receiving a 404. This could be due to a security restriction on your hosting or CDN.