The Elementor Editor cannot display __Elementor Editor Blank _Element Editor Security Mode Resolution

The Elementor editor cannot be displayed 、 Blank page of the Elementor editor 、 The Elementor editor widget panel is grayed out Or keep loading Elementor Editor Security Mode 、 When the Elementor Editor enters the real-time editing page, we may encounter these problems. Although not many times, it is very annoying. Old Wei has met many times. In order to solve these problems, Lao Wei consulted the official materials and other relevant documents of the Elementor, and shared in this article the situation and solutions of the failure of the Elementor editor.

The Elementor plug-in is a lightweight plug-in in wordpress website building tools. If you are interested, you can Click me directly The official website of Elementor Pro plug-in is easy to use and fast to build a website. If you are interested, you can see what Lao Wei shared Purchase Elementor Pro plug-in and download and install to activate _WordPress page editor 。

Clean browser cache

Quite a few problems are caused by browser caching.

Solution: Close the browser, clear the cache, or try another browser.

It can solve a large part of such problems.

If it doesn't work, try another computer. If it works, it's the browser problem of the previous computer.

The Elementor editor is a blank page

Blank pages when editing with Elementor may be caused by insufficient system memory or other errors.

• Check whether the server memory meets the requirements of the Elementor system configuration. Generally speaking, the server memory used for the elementor should not be less than 1G. Considering that more plug-ins are used later, 2G memory is a more appropriate starting configuration;
• If it is a memory problem, increase the available memory of wordpress. Or try to disable plug-ins one by one to see whether the problem can be solved;
• If the above methods cannot solve the problem, try to open the front-end editor loading function. Check whether the problem is solved after enabling this option in WordPress background Elementor Settings>Advanced.

• If the back-end URL is different from the front-end URL, it may also cause this problem. Make sure that the site address (URL) is the same as the WordPress address (URL). You can check these URLs in Settings>General;
• This problem may also be caused by plug-in conflicts;
• In rare cases, some computer programs will cause the blank screen of the elementor editor. Edit on another computer to exclude this possibility;
• If the free versions of Elementor and Elementor Pro are used at the same time, the old and new versions may have conflicts (compatibility problems). Because the new version may use the incompatible code and function of the old version. The solution is to update both to the latest version and then exclude them;
• Any js code that contains the "document. write" method will delete the existing HTML and create a blank page. Delete the js code to solve this problem.

The Elementor Editor displays Safe Mode

The following figure shows the error prompt page of the security mode of the elementor editor that Lao Wei encountered when editing the page. The English version shows: enable safe mode. At the beginning, clicking the "security mode" and "enable safe mode" in the lower right corner will enter an endless loop.

The reason why the Elementor Editor displays "Safe Mode"

There are many reasons for this problem. Lao Wei summarized it as follows:

• The Elementor plug-in conflicts with the script inserted in another plug-in or theme;
• Add ons are installed in the browser, so you will see this constantly loaded page;
• If the topic uses a preloader, you may need to disable the preloader in the topic's options or "Customized Programs";
• Gray pages may also be due to X frame restrictions and cross domain problems. You can check whether the problem exists by viewing the error message in the browser console. Right click on the page, select "Check", and then select "Console". Error messages are displayed in red;
• If Cloudflare is used, it may be caused by enabling the Rocket Loader;
• If free versions of Elementor and Elementor Pro are used at the same time, conflicts may occur if one version is older than another;

Solution for Elementor Editor to display "Safe Mode"

Corresponding to the above reasons one by one, the solutions are listed below.

• When the Elementor plug-in conflicts with another plug-in or theme, keep the Elementor and Elementor Pro open, disable other plug-ins one by one, test the page for problem recurrence, and find out the plug-in causing the problem;
• When an add in is installed in the browser, you can switch to Safari, Chrome, Firefox or Opera (only these browsers, not others);
• The theme uses the preloader. You should disable the preloader in the theme option or "Customized Program";
• The X framework restrictions and cross domain problems can change the X framework option from DENY to SAMEORIGIN;
• The versions of Elementor and Elementor Pro are old, and they are always the latest version (update as soon as the new version prompts). Lao Wei once encountered this problem caused by the failure to update the free version of elementor in time;
• If you use a foreign virtual host server to build a website, most of you will use Cloudflare, Rocket loader is one of the settings for accelerating the opening of websites.

What does Rocket Loader do?

Postpone all the js scripts to load after the website text, images, and fonts. It can bring faster loading experience for website visitors on the pages using js, and can also improve the performance indicators such as the first visit to TTFP and file loading of websites.

It can be seen from the above description that the security mode problem of the element may be caused by the Rocket Loader automatically changing the js script of the element editor to make it load asynchronously, which destroys the normal operation of the editor. Some friends want to speed up the website to open Rocket loader. If this causes you to encounter problems, there are two solutions as follows:

1. Closing the Rocket loader is simple, crude and effective, but it also loses the function of accelerating website visitors' access.

The Rocket loader in Lao Wei is closed by default (I can't remember whether it was manually closed). I don't know what the status is.

The location is on Cloudflare web page [Speed]>[Optimization], and you can see it after pulling down. For the convenience of searching the screenshots, see below:

2. The best of both worlds. This problem can be solved by creating page rules in Cloudflare:

For the Elementor page: site domain name/* elementor*
For Elementor template: website domain name/? elementor_library=*

I don't know why the two lines of code provided by the official elementor have spaces and the question mark is in Chinese status. This will lead to the failure of adding rules to cloudflare. Please copy the above revised code for use.

The above figure is one of the rules. To add both rules, it should look like the following figure:

Look carefully at the two rules added in the figure above. The Rocket Loader is closed.

This solves the problem that opening the Rocket loader can obtain visitor acceleration, and the prompt of "safe mode" of the elementor plug-in appears.

The widget panel of the Elementor editor is grayed out or continuously loaded

1. The widget panel is completely grayed out (grayed out and blank in the following description are the same meaning), which may conflict with a plug-in.

To find the plug-ins that cause problems, disable all plug-ins except Elementor and Elementor Pro, reactivate the plug-ins one by one until the problematic plug-ins are found, and then uninstall them after confirmation. Unable to uninstall, contact the plug-in publisher to submit a problem, or find another alternative plug-in.

The Text Editor widget panel is grayed out because the website URL contains extra characters, such as spaces. To solve this problem, go to WordPress background Settings>General, and enter the correct URL in the settings. (Extra characters may not be visible. The best way is to delete the whole line and enter the URL manually.).

2、 The Elementor widget panel is not loaded and has a constantly rotating "Loading" icon.

It is usually because the elementor plug-in conflicts with other plug-ins or the server needs to be set. The solutions are basically the same, including the following:

• Check whether the PHP version is the latest version or the next version, Php memory limit;
• Elementor, Elementor Pro, WordPress and theme, whether the above four items are the latest version;
• Deactivate all plug-ins except for Elementor and Elementor Pro. If the problem can be solved, reactivate the plug-ins one by one until the problematic plug-ins are found;
• Temporarily switch the wordpress theme to the default wordpress theme. If the elementor works normally, it may be that there is a problem with the theme you selected;
• In some cases, increase the value of max_input_vars. terms of settlement: Tips for php time limit, php max input vars, and PHP Memory Limit

Cannot access the elementor edit page

If you cannot access the Elementor editor page and click "Edit with Elementor" to go to the real-time page, it may be a plug-in conflict or memory problem. Please refer to the above troubleshooting steps.

"Edit with Elementor" link is not displayed in WordPress background

If the "Edit with Elementor" link in the WordPress background has disappeared, there are the following reasons and solutions:

Reason: The article type is not selected in the Elementor system settings.

Solution: Go to the Elementor>settings in the background of wordpress and ensure that the relevant article types are selected.

If the problem still exists after selecting the article type, think about whether you have made any changes to the website recently. Here are some tips:

• If you have recently upgraded WordPress, the displayed items may be affected. If this is the case, just wait for the element to update;
• The plug-in and theme conflicts mentioned above;
• Have you added custom codes? Delete the code to see if the problem is solved.
• If the above methods are tried but still cannot be seen, open the page or article list (for example, pages>all pages or posts>all posts). Click the "Edit with Elementor" link on the right side of the page or article to be edited.

Lao Wei's summary

The Elementor editor cannot be displayed 、 Blank page of the Elementor editor 、 The Elementor editor widget panel is grayed out Or keep loading Elementor Editor Security Mode 、 The solutions to these problems are similar, mainly focusing on the conflicts between plug-ins, themes and elementors, insufficient server memory Elementor, elementor pro, wordpress are not the latest version