How to fix WordPress block editor not working

How to Solve WordPress Block Editor NOT WORKING: Step by Step Guide

The WordPress block editor is a fantastic way to add different types of content (i.e. text, image, audio, video, button) to posts and pages. Due to some conflicting issues, you may experience your WordPress Block Editor isn’t Working.

If you are facing it, we have remedies to solve it. However, there is no single solution to this whole problem. Sometimes, you have to try multiple ways.

Therefore, this article will guide you through all possible ways on how to fix the error ‘WordPress Block Editor Not Working’ issues. But before that let’s first find out what could be the potential causes behind the error. Keep reading!

Potential Reasons for WordPress Block Editor Not Working Properly

How to fix WordPress block editor not working

Without the WordPress block editor, you can’t create new content on your website. There are multiple issues that may stop functioning your WordPress block editor. For example,

  • Faulty plugins
  • Outdated themes
  • Errors in WordPress core files
  • Technical errors
  • Settings misconfigurations

Now, let’s get started on how to solve the errors ⤵️

Follow the Below Tips to Solve WordPress Block Editor Errors

block editor not working

WordPress is a great platform to grow your solid online presence– whether for business or personal portfolio. Having trouble with the block editor means, you’re in a serious crisis. Following the below approaches, you can troubleshoot your block editor and get it back.

Clear Your Browser Cache

Whenever you face a problem with your WordPress site, first clear the browser cache. Because, In many cases, the browser’s cache and cookies don’t allow your site to work properly. Here is how to clear the cache of your Google Chrome browser:

  • Open the Google Chrome browser. Click on the three-dotted menu bar from the top-right corner of your window.
  • Scroll down to the option More Tools > Clear Browing Data. (Shortcut key: Ctrl+Shift+Del).
Clear Cache of Chrome
  • Select the things that you want to delete. Then click on Clear Data.
Clear Data of Google Chrome

Clearing the cache may restore your WordPress block editor. Reload your WordPress backend and check the block editor. If it doesn’t work, try the next approach.

Re-Install the Latest Version of WordPress

If you aren’t using the latest version of WordPress, you must it update right away. Otherwise, most of the features including third-party extensions won’t be working on your site. Sometimes, you may get the WordPress block editor not working error even after using the latest version.

In that case, just you have to re-install the latest WordPress version. Here is the easiest way to re-install the latest WordPress version.

  • Clcik on the Dashboard option from the left side menur bar.
  • You will see the Update option. Click on it.
  • Scrolling a bit down, you will find the Update to Version— button. Click on it.
Re-install the latest WordPress Version

You can even re-install the latest version of WordPress manually. After the process is over, check if the WordPress block editor has got back to its work again or not. If it doesn’t, check whether there is any conflict with your plugins.

Warning: Re-installing WordPress may hurt your content. Better you maintain a consistent backup so that you can instantly get all your files back if any accident takes place. Learn how to backup your WordPress site with Dropbox.

Deactivate All Plugins from Your WordPress Site

Conflicts between plugins may even stop the WordPress block editor. It might be difficult for you to spot the conflicting plugin. The easiest way is to disable all of them and then activate them one by one.

  • Open your WordPress dashboard. After that go with the nevigation Plugins > Installed Plugins. It will show you all the plugins that are actively running on your site.
Installed Plugins
  • Then, click on the checkbox from the top or bottom row next to Plugin. It will automatically select all the activated plugins.
Plugin Checklist
  • Then, take your cursor to Bulk Action option and click on the drop down icon.
  • It will show you a drop down list from where select the Deactivate option.
Deactivate all the plugins
  • Click on the button Apply.
  • Now, activate each of these plugins one by one and check in-between.

Thus, you can identify the conflicting one and replace it with an alternative plugin that doesn’t cause a similar problem. Visit WP Hive to find out the best alternative to your conflicting plugin.

If disabling plugins doesn’t solve the problem, try with the default theme as the next approach.

Take Your Website to Its Default Theme

Not all themes are compatible with WordPress block editor. Many of them require a third-party extension(s) to create content for posts and pages. So, set the default WordPress theme to your website to identify if your theme running theme is behind the error.

As of now while we are writing the blog, Twenty Twenty One is the official default WordPress theme. But WordPress is supposed to declare their new default theme Twenty Twenty Two anytime in the year 2022.

Here is how to set the default theme for your website.

  • Get back to your WordPress dashboard. Then, go to Appearance > Themes from the side menu bar.
  • You will get the default Twenty Seventeen theme there. Take your cursor and hover over it.
  • It will show you the Activate button. Click on it.
Default WordPress Theme
  • Then, refresh your backend and check the WordPress block editor.

If you get it back, the problem was with your theme. So, replace the conflicting theme with an alternative one that gives almost a similar appearance to your website. There are countless available themes for your website on the web. All you have to do is browse and find the best one.

Check the Visual Editor Whether It is Disabled

Disabling the visual editor is a common mistake that many users do while setting up their WordPress profiles. This is also termed misconfiguration. You can solve it quite in a short time.

  • Go to WordPress dashboard as before. Then, from the top right corner, go to Users > Edit Profile.
  • Uncheck the Visual editor box which is very next to ‘Disable the visual editor when writing’.
Uncheck Visual Editor
  • Then, scroll your window to the bottom and click on the button Update Profile.

Refresh your website and check how the block editor is working. By now, the error should be fixed. But if you still getting the error, we can assume there are some technical reasons behind it. Keep reading!

Technical Solutions to WordPress Block Editor Not Working Errors

WordPress users, especially those who aren’t coders or programmers, might get scared while the technical issues come into play. Don’t get panicked! You must get used to it sooner or later.

Let’s get started with the technical solutions.

Debug JavaScript Errors

Sometimes, Javascript errors may disturb the block editor. Whether it does or not, whenever you face never-ending trouble, take a look if there is any Javascript error. You can easily detect them using the console option built into your browser.

  • Open the WordPress dashboard on your window. Click on the three-dotted menu bar from the top-right corner. Then, More tools > Developer tools.
How to Solve WordPress Block Editor NOT WORKING: Step by Step Guide 1
  • You’ll get multiple options, from where select the Consol. If there is an error, you see it in clear red text.
Javascript Consol
  • The above consol result is showing no error.

But if there is an error, you will see it identified with a red color text. Suppose, you have got an error like the below photo.

error shown in Javascript Consol

Then, you have to debug it to let your WordPress work again with full rhythm. It can potentially fix the WordPress block editor errors. Here is how to debug Javascript error(s):

  • Show the error message in the consol log.
  • To test a short command, write your Javascript directly in the console.
  • Write debugger statement to inspect all the variables around there.
  • Next confirm loading the Javascript.
  • Also, confirm loading all the dependencies.

Thus, you can debug the error statements from your Javascript. If you face any difficulty, we recommend you take help from an expert.

Use the Latest PHP Version

Outdated PHP versions may cause various problems to your WordPress site, not just to the block editor. So, if your website isn’t updated with the latest version of PHP, it’s your urgent job to execute straight away.

Updating the latest version of PHP is easier than debugging the Javascript errors. Let’s do it.

  • Install and activate the plugin Display PHP Version.
How to Solve WordPress Block Editor NOT WORKING: Step by Step Guide 2
  • It will show you the PHP version currently working on your site on your dashboard like below photo.
How to Solve WordPress Block Editor NOT WORKING: Step by Step Guide 3
  • Now, login to your cPanel. Scrolling down to the Software section, you will find the option MultiPHP Manager. Click on it.
MultiPHP Manager
  • Then, go to the drop down option of PHP Version, and select the latest version. As of now, PHP 7.4 is the latest version which we have selected here. then click the Apply button.
How to Solve WordPress Block Editor NOT WORKING: Step by Step Guide 4

Like so, you can update the latest version of PHP for your WordPress site. Refresh it and check again if the WordPress block editor has come back to work again.

Check the Error Log of Your Website

Usually, hosting providers maintain an error log while creating a website. Logging into there you can find out all the existing errors going on with your website. It may not be necessary to contact the hosting provider for the error log report if you already have access.

But in case, you face difficulty and don’t have access, you must contact the hosting provider. They will inspect their server logs or their own backups of your WordPress site. If the problems are simple, they may solve them without any charge.

If you want to learn the whole thing in a short time, here is a tutorial video on the topic for you.

FAQ on How to Solve the WordPress Block Editor Not Working

How do I enable Block editor in WordPress?

To enable block editor in WordPress post, go to Posts > Add New. But if you want to enable block editor in WordPress page, follow Pages > Add New. Thus, you can launch the block editor in WordPress.

How do I fix my WordPress editor?

To fix the WordPress editor, try the following approaches:
1. Clear the cache of your browser.
2. Check WordPress settings misconfiguration and edit them.
3. Use the default WordPress theme to check if the present one is conflicting.
4. Disable all the Plugins and activate them all one by one and check in between.
5. Manually or from the WordPress dashboard, re-install the core WordPress files.

How do I turn on Classic editor?

By the following steps, you can turn on the Classic editor:
1. Get into the dashboard of your WordPress site.
2. Hover your cursor on ‘Plugins’ of the left-side menu bar.
3. Click on ‘Add New’.
4. Search for the plugin ‘Classic Editor’.
5. Get the Classic Editor plugin and install it.
6. Then, Activate the plugin.
Thus, you can bring the classic editor back to your WordPress site.

What is WordPress Block Editor?

Using the WordPress Block Editor, you can add different types of content (text, images, videos, button, table, form, etc) to your web posts and pages.

Is WordPress Classic Editor going away?

In June 2020, the WordPress Classic editor was sent to retirement with the introduction of the WordPress Block editor.

Follow the Right Tips to Resolve WordPress Block Editor Issues Today

Hopefully that this article has fixed the WordPress block editor not working error. If you have any other problems alongside the block editor, we are welcoming you to mention them in the comment section. We’ll provide you with a quick solution right away.

Besides, you may visit the official WordPress support forum. There you’ll find experts’ solutions to many of your WordPress-related problems. It is an excellent resource to get both guidelines and documentations which will save much of your valuable time.

Furthermore, if you’re the administrator of a WordPress site, just click on the ‘Help’ section from the top-right corner of your dashboard. It will take you to the WordPress support forum right away.

If you find this article useful and want to read more like this one then do subscribe to our newsletters. You may follow our Facebook and Twitter pages to get all the latest updates. Also, share your views or feedback regarding our post in the comments below.

Thanks for your time. Good Luck!

About

Fuad Al Azad is a creative writer who loves to blog on everything in between tech, marketing, and eCommerce. Alongside, he is an admirer of fact, fiction, and philosophy.