WordPress Visual Editor Not Working

WordPress Visual Editor Not Working – How to Fix?

Siteefy content is free. When you purchase through our links, we may earn an affiliate commission.

Siteefy content is free. When you purchase through our links, we may earn an affiliate commission.

The WordPress visual editor is a text editor that lets you edit and write blog posts easily without having to learn HTML. When it doesn’t work, frustrating is the perfect word to describe it.

Luckily, it’s not that hard to fix and in this guide, we’ll cover the reasons why the WordPress visual editor stops functioning and how to get it working with a few different methods.

[Quickly jump to the solutions]



Reasons Behind the WordPress Visual Editor Not Working

Issues with Visual Editor are among the most common WordPress problems and unfortunately, there is no single solution to it (as it happens due to various reasons).

A few things can cause WordPress visual editor doesn’t work error. For example, there might be some faulty files and misconfigurations on your website preventing the editor from working properly.

Here are some common reasons why the WordPress visual editor stops working:

Quick Solution:

Switch to Gutenberg or Get a Front End Editor

The quickest and easiest solution to this problem is switching to the newest default WordPress editor Gutenberg or getting a reliable WordPress builder with front-end editing functionality (like Divi or Elementor).

With a proper page builder, you won’t need Visual Editor anymore. All editing will be front-end, right on the live version of your website in “what you see is what you get” (WYSIWYG) mode.



Fixing the WordPress Visual Editor

There is a number of actions you can take to correct the issue by using WordPress dashboard, your site’s file manager or an FTP client.

Let’s start!

1. Clear Your Browser Cache

Sometimes your browser’s cache and cookies prevent WordPress from working properly. If this is the case, simply delete your browser’s data and try to use the editor again.

Here’s how to do it on Google Chrome:

1. Open Google Chrome, head to the three-dotted menu bar on the upper right side of the window.
2. Scroll down to More Tools > Clear Browsing Data
3. Choose what you would like to delete and hit Clear Data.

To do it on Mozilla, you need to:

1. Open Mozilla, head to the top right section with the three lines > Options.
2. Go to Privacy and Security, then scroll down to Cookies and Site Data > Clear Data.
3. Put a check on what you want to delete and hit Clear.



2. Edit User Settings Through the WordPress Dashboard

Sometimes this error happens due to a misconfiguration in the WordPress user settings. Luckily, you can easily fix it through the WordPress admin area. Here’s what you need to do.

1. Login to the WordPress dashboard and head to Users > Your Profile.
2. Make sure the Disable the visual editor when writing option is not checked and update the profile.

Disable the visual editor when writing

3. Refresh your website and that’s it! If it still doesn’t work, try checking and unchecking the option.

If it doesn’t fix the issue, then leave it unchecked and proceed to the next method.

⚡ Check also: WordPress: How to Remove “Leave a Reply”


3. Use WordPress Default Theme

Not every WordPress theme is compatible with the visual editor, so it’s likely your theme could be the reason behind the visual editor not working.

To know for sure if it’s causing the error, change your current theme to a WordPress default like TwentySixteen. Here’s how to do it:

1. Login to the WordPress admin area and go to Appearances > Themes.
2. Locate the WordPress default theme and Activate it.

WordPress Admin Area

3. Now, refresh and check if the visual editor works again.



4. Disable Plugins

Faulty plugins can cause many issues on WordPress, the visual editor error is one of them.

To know if the plugins installed on your website are the source of the problem, disable them all and see if the error persists.

You can do it one by one through the WordPress dashboard, or you can rename your plugin folder through an FTP client to disable them all at once.

Here we’ll show you how to do it through an FTP client:

1. Connect your web server to the FTP client. Here we’re using FileZilla as an example.
2. Head to the Remote site panel and locate wp-content.
3. Find the plugins folder and right-click to Rename it.

Disable plugins on WordPress - FTP

4. That’s it! Once you’ve renamed the folder, all of your plugins will be disabled automatically.

If disabling your plugins doesn’t do the trick, rename the folder back to its original name and try the next option. To figure out which specific plugin is causing the issue, enter the plugin folder, and enable all plugins one by one. Once the visual editor doesn’t work after enabling one of them – you’ll know the culprit.



5. Re-install the Latest Version of WordPress

If you’re not using the latest version of WordPress, you might want to update it immediately.

But if you’ve been using the latest one yet still getting the error, you can try reinstalling your website.

But remember to create a backup of your site before proceeding with the method in case something goes wrong.

The easiest way to do this is through the WordPress dashboard. Log in to your admin area and head to Updates by hovering over the dashboard menu option. Then, click Re-install Now.

Fix WordPress Visual Editor By Reinstalling WordPress

If you prefer to do it manually, follow these simple steps to re-install your website core files through FileZilla.

1. Download the latest WordPress version.
2. Extract the zipped files on your computer, then delete the wp-content folder.
3. Connect to FileZilla and head to your site’s root directory (/) under Remote site and press on it.
4. Now, head to Local site, select the extracted WordPress files and right-click to upload them to the directory.

Reinstall WordPress FTP

5. Once a prompt message pops up telling you the Target file already exists, select Overwrite and tick the Always use this action and Apply to current queue only options.
6. That’s it! Once the upload finishes, you have reinstalled the WordPress core files.

Now, check if the visual editor works properly. If it’s still not there, check out the last method.


6. Edit the wp-config.php File

The last resort to solve the error is to edit your wp-config.php file. You can do it through your site’s File Manager, or an FTP client.

Follow these instructions to edit the wp-config.php file through the File Manager:

1. Login to your hosting provider’s control panel and head to the File Manager.
2. Once you’re in the public_html directory, locate your wp-config.php file. Right-click to Edit the file.

WordPress Visual Editor Not Working - Edit the wp-config

3. Add the following line right under the <?php opening tag: define(‘CONCATENATE_SCRIPTS’, false);
4. Save changes and refresh your site to check if the visual editor is back to normal.

That’s it! Your WordPress visual editor should be working perfectly.

⚡ Check also: How to Edit WordPress Home Page



Wrapping Up

There you have it! Quick fixes on how to solve the WordPress visual editor problem. Here’s a quick recap:

  • Clear your browser’s cache.
  • Edit the WordPress user settings through the WordPress dashboard.
  • Change the current theme to the WordPress default.
  • Disable WordPress plugins through the FTP client.
  • Re-install WordPress core files from the WordPress dashboard or manually through FTP.
  • Edit the wp-config.php file.

Pretty easy, right? We hope that now you can get back to easily creating your content. Good luck and if you still have any questions, let us know in the comments.


Edit Your WordPress Site Code-Free With Divi

🔔 Check also:



How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Photo of author

Article by:

NJ

NJ is all about websites and AI. With years of experience building cool sites, he's also got a knack for diving into AI's exciting possibilities. Always on the hunt for the next big thing, NJ loves to share his discoveries with the world. Whether it's a groundbreaking tool or a fresh concept, if NJ's talking about it, you know it's worth a look.

7 thoughts on “WordPress Visual Editor Not Working – How to Fix?”

  1. No it is not that easy. I still not able to understand what you just said. I am afraid of loosing my website. I tried it once but unable to navigate the options.

    Reply
  2. Nick I owe you a beer! #2 above fixed my problem. As a longtime Divi user with many client sites I didn’t ever want to be bothered with Guttenberg. I thought it was Divi’s new update that wouldn’t let me choose visual while in Divi! I have Classic Editor checked in Divi. And then I discovered the same was true in an old non-Divi site. I found you via Google. I’m really curious how long ago that “feature” was added to WP. Is it pretty new? I’ve never run into this before. THANK YOU!

    Reply
  3. Nick,
    This might be an old post, but sadly none of these worked for me. I’m using Divi Builder, and without having touched my site in 2 months, it spontaneously started loading slowly with headers appearing missing, and my Divi Builder doesn’t load on my backend for a full 90 seconds.

    Are there more updated options to fix this problem?

    Many thanks,
    Eileen

    Reply
    • Hi Eileen,

      Thank you for your comment.

      I would recommend checking if both WordPress and Divi are up to date on your website. If not, then try to update and check if this resolves the issue.

      In case updating does not help, you may consider contacting Elegant Themes support about this.

      Hope this helps 🙂

      Reply

Leave a Comment

Skip to content