SOLVED : Why can’t I see the visual editor in the WordPress? : Well recently I came across a problem which i thought would be real good to write down and share the solution with you guys to see if anyone else came across this problem!

I recently upgraded the WordPress version and when trying to edit page text, the editor didn’t show any text or edit options. The text was still there (it appears on the site) and is even editable, but only if I highlight a random section searching for what I needed. Once I saw it, I could edit but not see what I was  typing. It was as if the editor was stuck in Text mode (no visual) and the editor only displays in white text, only appearing against the white background of the editor (not the actual site) when highlighted.

SOLVED : Why can't I see the visual editor in the WordPress?

SOLVED : Why can’t I see the visual editor in the WordPress?

I tried updating and disabling all of the plugins and themes, tried emptying the browser cache (I use Safari) and tried it in Firefox & Chrome too. I disabled all plugins and tried the error console. All this solved nothing!

However I came over a solution by adding a few lines by disabling the JavaScript and tadaa it worked!

Heres how we can troubleshoot the problem! Cant see the visual editor in the WordPress? No problem! There could be 2 reasons either the scripting or could be adblock. In my scenario it was just an option which I had to turn on. What option? Lets read more about it below.

While working I just noticed on the editing screen that the editor’s toolbar was completely missing too. Which wasn’t fun.

Solution 1 :

First few things to look after, Are you using any sort of caching plugin, or do you see a “Clear/Purge Cache” button in your Dashboard somewhere? If so, try clearing the cache first?

Note: You do not need to install a caching plugin at this point just to clear a cache you don’t have.

If you can’t running any caching system, or clearing it made no difference, Try adding define('CONCATENATE_SCRIPTS', false); to your wp-config.php file just below the define('DB_HOST' line.

To do so, access your server via SFTP or FTP, or a file manager in your hosting account’s control panel, and edit the file with a plain text editor.

You can read more about it on the link below :

https://codex.wordpress.org/Editing_wp-config.php#Disable_Javascript_Concatenation

 

Solution 2 :

  1. Go to your wordpress admin page, in your browser
  2. In the top right corner of your browser, find the ‘ABP’ icon for Ad Block Plus
  3. Click the icon and click the text that says “Enabled on this site”, to disable Ad Block Plus on your entire wordpress site.

After disabling Ad Block Plus, Try reloadeding the page editor, and the visual editor might not be longer blank. You can now edit pages again, in the wysiwyg visual editor.

The second solution may vary, depending on which browser you are using.

If you solved your problem, please leave a comment on what the solution was, to help others.

Sometimes these problems can be solved by disabling plugins or reverting to a standard theme. I did not try this, but others have reported that they still had the problem with a blank visual editor.
To identify what caused the problem, I used the browser debug mode (CTRL+SHIFT+J), to see that some ‘tinyMCE’ things were blocked, when loading the visual editor.
After disabling my ad blocker, these elements were no longer blocked, and the visual editor started working again. No more blank page editor!

If this did not solve your problem, please leave a comment and we can have a look for you! 😉

Problem solved? Why not lets read more about what other things you can improve? Here head to our Articles cateogry… 🙂