无法使用 Elementor 进行编辑的原因和解决办法

使用 Elementor 进行编辑时，有时会遇到很多问题，比如：显示一个名为“死亡白屏”的空白页面；显示无限加载的灰色页面；小部件面板呈灰色或无休止地加载。 单击“使用 Elementor 编辑”时，看不到编辑页面，而是会转到实时页面；使用 Elementor 编辑链接不可用等问题。别着急，我们一起分析原因和解决办法。

可能的原因

可能有以下几个原因：

• 致命错误
  • 内存问题
  • 代码相关问题
• 服务器错误
• 插件问题
• 版本不兼容

白屏的解决方法

下面是使用 Elementor 进行编辑时遇到白屏的一些解决方案：

检查系统要求。

检查是否满足系统要求。

检查内存

停用一些插件以释放一些空间，看看是否可以解决问题。如果这解决了问题，可以增强你服务器的性能。

检查Elementor或加载方法

由于 Elementor 的加载方式，也可能会出现白屏死机。使用选项切换前端编辑器加载器的方法来解决这个问题。

按着这些次序：

1.登录 Wp 管理后台。

2.转到Elementor > 设置。

3.单击“高级”。

4.启用切换编辑器加载器方法。

5.单击“保存更改”。

检查后端和前端 url

如果后端的 URL（链接） 与前端的 URL 不同，可能会导致出现空白页错误。 

按着这些次序：

1.登录 Wp 管理。

2.转到“设置”>“常规”。 

3.使站点地址 (URL)与WordPress 地址 (URL)相同。

4.单击“保存更改”。

增加 Apache 服务限制

使用 SSH、FTP 或 cPanel 中的文件管理器工具编辑 .htaccess 文件。添加以下行：

<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>

解决插件冲突

1.暂时停用除 Elementor 和 Elementor Pro 之外的所有插件。如果 Go Pro 消息消失了，那么就知道是其中一个被禁用的插件导致了问题。
2.逐个重新激活每个插件，直到问题再次出现。最后重新激活的插件就是问题的原因。
3.联系第三方插件的开发人员或使用具有类似功能的其他插件。

确保版本兼容性

如果同时使用 Elementor 免费版和 Elementor Pro，要确保版本兼容。将新版本与过时版本一起使用可能会导致冲突。因为新版本可能使用了旧版本无法识别的代码或功能。将两个版本（Elementor 和 Elementor Pro）都更新到最新版本。

干净的 JavaScript 代码

任何包含 document.write 方法的 javascript 代码都会删除现有的 HTML 并创建一个空白页面。删除 .js 代码就可以解决此问题。

内容干净

如果内容是从其他页面复制的，要执行下面的操作：

1.将其粘贴到文本编辑器中。

2.切换到纯文本模式并删除所有 CSS 类和额外代码。

灰屏的解决方法

解决插件冲突

根据下面的步骤检查插件冲突：

1.如果网站正常运行，请执行以下操作：

暂时停用除 Elementor 和 Elementor Pro 之外的所有插件。如果 Go Pro 消息消失，那么是禁用的其中一个插件导致了问题。 

重新激活每个插件，一次一个，直到问题再次出现。最后重新激活的插件是问题的原因。

请联系第 3 方插件的开发人员或使用具有类似功能的其他插件代替。

解决浏览器插件问题

可能是因为在浏览器上安装了附加组件而出现加载页面。在这种情况下，可以切换到其他浏览器试试。

禁用预加载器

如果你的主题使用预加载器，可能需要在主题选项或自定义器中禁用预加载器。 

检查浏览器错误消息

出现灰页的原因也可能是：

• X 框架限制
• 跨域问题

要进行确认，请检查浏览器控制台的错误消息。 

1. 右键单击网页。
2. 选择检查 > 控制台。

控制台以红色显示错误以及错误发生的位置和行号。将 X-Frame-Options 从 DENY 更改为 SAMEORIGIN。

关闭 Rocket Loader（适用于 CloudFlare 用户）

Cloudflare 用户可能需要关闭 Rocket Loader 或向 Cloudflare 添加规则。激活 Rocket Loader 后，加载 Elementor 编辑器可能需要一些时间，有时会卡在灰色加载页面上。

清除缓存

Cloudflare 的缓存可能会阻止浏览器识别新版本的 Elementor 和 Elementor pro。在更新插件之前清除缓存。 

确保版本兼容性

如果同时使用 Elementor 和 Elementor Pro 的免费版本，确保版本兼容。将较新版本与旧的版本一起使用可能会导致冲突。由于新版本可能使用旧版本无法识别的代码或功能。将两者（Elementor 和 Elementor Pro）更新到最新版本。

widget面板不停加载的解决方案

小工具面板完全变灰

如果小部件面板完全变灰则可能存在插件冲突，如下图所示，

要查找导致问题的插件，请停用除 Elementor 和 Elementor Pro 之外的所有插件（如适用）。如果问题解决了，再逐个重新激活每个插件，直到找到有问题的插件。

只有文本编辑器小部件呈灰色

如果此灰色面板仅出现在文本编辑器小组件中 。

小部件面板无休止地加载

如果小部件面板不停地加载并且如下图所示。

编辑页面无法访问也是因为插件冲突导致的，用上面提到的插件排查方法解决即可。