魏艾斯笔记Elementor编辑器无法显示、Elementor编辑器空白页、Elementor编辑器小部件面板变灰或不停加载、Elementor编辑器安全模式、Elementor编辑器进入实时编辑页面这些问题都是我们使用 Elementor编辑器时可能遇到的。虽然次数不多但是挺烦人，老魏就碰到过很多次。为了解决这些问题老魏查阅了 elementor官方资料和其他相关文档，在本文中分享Elementor编辑器无法正常使用的情况和解决办法。
Elementor插件 是wordpress建站工具中轻量级的一款插件，感兴趣可以点我直达 Elementor pro插件官网，容易上手，快速建站。 感兴趣可以看老魏分享的购买Elementor Pro插件和下载安装激活_WordPress页面编辑器。
Elementor页面编辑器 点我直达 Elementor pro插件官网，快速建站，容易上手。入门点击购买Elementor Pro插件和下载安装激活_WordPress页面编辑器。 更多Elementor插件内容请看Elementor专题学习、小网站选择 1核2g配置的服务器起步，国外主题建站选择 2核4g配置，适当搭配运行流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题
清理浏览器缓存
相当一部分问题是因为浏览器缓存导致的。
解决办法：关闭浏览器，清除缓存，或者换一个浏览器试试。
能解决很大一部分此类问题。
不行就换一台电脑试试，如果正常就是上一台电脑的浏览器问题。
Elementor编辑器是空白页
使用Elementor进行编辑时出现空白页可能是系统内存不足或其他错误导致的。
- 检查服务器内存是否满足Elementor系统配置要求。一般来说用于elementor的服务器内存不要低于1G，考虑到后期使用更多插件，2G内存是一个比较合适的起步配置；
- 如果是内存问题就增加wordpress可用内存。或者试着逐一停用插件，看能否解决问题；
- 如果上面的办法都解决不掉问题，就尝试开启前端编辑器加载功能。在WordPress后台 Elementor设置 > 高级中启用此选项后检查是否解决问题。
- 如果后端URL与前端URL不同也可能导致此问题，确保站点地址（URL）与WordPress地址（URL）相同，可以在“设置>常规”中检查这些URL ；
- 此问题也可能是由于插件冲突引起的；
- 极少数情况下某些电脑程序会导致 elementor编辑器出现白屏。在另一台计算机上进行编辑来排除这种可能性；
- 同时使用免费版本的Elementor和Elementor Pro，新旧版本可能会有冲突（兼容性问题）。因为新版本可能使用了旧版本不兼容代码、功能。解决办法是把两个都更新到最新版本就排除了；
- 任何包含“ document.write”方法的js代码都将删除现有的HTML并创建一个空白页。删除js代码以解决此问题。
Elementor编辑器显示“安全模式”
下图是老魏编辑页面时遇到的elementor编辑器安全模式错误提示页面，英文版显示：enable safe mode，一开始碰到了点击右下角的“安全模式”“enable safe mode”会进入不断死循环。
Elementor编辑器显示“安全模式”的原因
引起这个问题的原因很多，老魏汇总后列举如下：
- Elementor插件与另一个插件或主题中插入的脚本冲突；
- 浏览器中安装了加载项，因此会看到这个不断加载的页面；
- 如果主题使用预加载器，则可能需要在主题的选项或“定制程序”中禁用预加载器；
- 灰色页面也可能是由于X框架限制和跨域问题。可以通过查看浏览器控制台的错误消息来查看问题是否存在。在页面点击右键，选择“检查”，然后选择“控制台”。错误消息以红色显示；
- 如果使用Cloudflare，可能是开启了Rocket Loader导致的；
- 如果同时使用免费版本的Elementor和Elementor Pro，如果某个版本比另一版本的旧，则可能会发生冲突；
Elementor编辑器显示“安全模式”的解决办法
和上面的原因一一对应，下面说出解决办法。
- Elementor插件与另一个插件或主题冲突时，保留Elementor和Elementor Pro开启，逐个停用其他插件，测试页面是否问题复现，来找出引起问题的插件；
- 浏览器中安装了加载项时可以切换到Safari，Chrome，Firefox或Opera这几款浏览器（只能是这几个，别的不行）；
- 主题使用预加载器，要在主题选项或“定制程序”中禁用预加载器；
- X框架限制和跨域问题可以把X框架选项从DENY更改为SAMEORIGIN；
- Elementor和Elementor Pro版本老旧，保持这两个版本始终都是最新版状态（一有新版提示就马上更新）。老魏遇到过一次elementor免费版未及时更新导致的这个问题；
- 使用国外虚拟主机服务器建站的话大部分会使用Cloudflare，rocket loader是其中一个给网站加速打开的设置选项。
Rocket Loader是做什么的？
把所有js脚本推迟到网站文字、图片、字体之后加载。在使用js的页面上为网站访客带来更快的加载体验，还能改善网站首次访问TTFP、文件载入等性能指标。
从上面描述可知elementor的安全模式问题可能是由Rocket Loader自动更改elementor编辑器js脚本使其异步加载引起的，这么做破坏了编辑器的正常运行。有的朋友为了加速网站打开Rocket loader，如果这导致你遇到问题，有两个办法解决如下：
1、关闭Rocket loader，简单粗暴有效，但是也失去了给网站访客访问加速的功能。
老魏这里的Rocket loader默认是关闭的（记不清是否手动关闭过了），不知道大家那里是什么状态的。
位置在 Cloudflare网页【速度】 > 【优化】，下拉后才能看到。为了方便大家查找截图如下：
2、两全其美的办法。通过在Cloudflare中创建页面规则来解决此问题：
对于Elementor页面：网站域名/*elementor*
对于Elementor模板：网站域名/?elementor_library=*
不知道为什么elementor官方提供的两行代码是有空格且问号是中文状态的，这样会导致 cloudflare添加规则失败，请复制上面老魏修正后的代码使用。
上图是其中一个规则，你要把两条规则都添加完毕，应该是如下图所示的样子：
仔细看上图中添加好的两条规则中的 Rocket Loader都是关闭状态。
这样就解决了打开 Rocket loader能获得访客加速，出现 elementor插件“安全模式”提示的问题。
Elementor编辑器小部件面板变灰或不停加载
1、小部件面板完全变灰色了（以下描述中变灰和空白是一个意思），可能是和某个插件冲突。
要查找导致问题的插件，停用除Elementor和Elementor Pro以外的所有插件，逐一重新激活插件，直到发现有问题的插件，确认无误后卸载。无法卸载就联系插件发布者提交问题，或者寻找其他可替代插件。
“文本编辑器”小部件面板为灰色，这是因为网站URL内带有多余的字符，比如空格。解决此问题到 WordPress后台“设置”>“常规”，在设置中输入正确的URL。（多余的字符可能看不见，最好的办法是删除整行并手动输入URL）。
2、Elementor 小部件面板没有加载，并且有不断旋转的“正在加载”图标。
通常是由于elementor插件与其他插件冲突或服务器需要设置的原因。解决办法基本上述是重复的，包括以下办法：
- 检查php版本是否是最新版或者次新版，php内存限制；
- Elementor，Elementor Pro，WordPress和主题，以上四项是否是最新版本；
- 停用除 Elementor和Elementor Pro之外的所有插件，如果可以解决问题了，再逐一重新激活插件直到发现有问题的插件；
- 把wordpress主题临时切换到wordpress默认主题，如果elementor正常使用，那可能是你选择的主题有问题；
- 某些情况下要提高 max_input_vars的值。解决办法：php time limit、php max input vars和PHP Memory Limit提示
无法访问elementor编辑页面
如果无法访问Elementor编辑器页面，并且点击“使用Elementor编辑”时转到实时页面，可能是插件冲突或内存问题，参考上述故障排除步骤。
WordPress后台未显示“使用Elementor编辑”链接
如果WordPress后台的“使用Elementor编辑”链接已消失，那么有以下原因及解决办法：
原因：没在Elementor系统设置中选择文章类型。
解决办法：转到wordpress后台的 Elementor>设置 ，确保选中相关的文章类型。
如果选择了文章类型问题仍然存在，就想想最近你对网站是否进行过任何更改。下面是一些提示：
- 如果最近升级了WordPress，可能会对显示的项目产生影响。如果是这种情况，等待elementor更新即可；
- 上面提到过的插件和主题冲突问题；
- 是否添加过自定义代码？删除代码看问题是否解决。
- 如果上面方法都试了还是看不到，随便打开页面或文章列表（比如 pages> all pages或 posts > all posts）。在要编辑的页面或文章右侧点击“使用Elementor编辑”链接一样能使用elementor编辑页面。
老魏总结
Elementor编辑器无法显示、Elementor编辑器空白页、Elementor编辑器小部件面板变灰或不停加载、Elementor编辑器安全模式、Elementor编辑器进入实时编辑页面等等这些问题的解决方法是类似的，主要集中在插件、主题与elementor冲突、服务器内存不够、elementor、elementor pro、wordpress不是最新版本