我正在 WordPress 上构建一个网站，该网站使用名为 Total 的主题、Visual Composer 插件和 Font Awesome，当我添加例如。 <i class="fa fa-facebook"></i> 到文本块的文本区域，然后保存文本块查看页面一切都很好而且花花公子（显示很好）但是一旦我回到后端并重新打开文本块文本块现在是空的 - <i class="fa fa-facebook"></i> 已经消失。我假设一定存在 JS 冲突，但不知道在哪里搜索问题以及如何开始故障排除。
我们将不胜感激。
谢谢！ 马修·麦克尤恩
【问题讨论】：
标签： javascript wordpress
这是我这样做的一个技巧，以便在编辑过程中不会删除图标代码。
在您的文本块上， 将此代码包含在您的图标代码中：
<span style="color: #fff;">.</span>
看起来像这样：
<i class="fab fa-facebook"><span style="color: #fff;">.</span></i>
希望这个小技巧会有所帮助。
【讨论】：
马修！
当您返回编辑时，Visual Composer 默认返回“可视”编辑器模式，因此会破坏您在“文本”编辑器模式下创建的代码。如您所见，它会删除您的链接，但保留 FontAwesome 代码本身完好无损。
我已经确认有两种不同的方法可以让您解决这个问题：
用原始 HTML 块替换您的文本块 -- 在 Visual Composer 中，搜索名为“原始 HTML”的模块。放置您的内容 在此块内并保存。您所做的任何其他文本格式 必须手动完成。
为 WordPress 安装 Raw HTML 插件 -- 该插件还可以防止 HTML 被剥离。它还更进一步：此插件允许您在某些类型的帖子上完全禁用可视化编辑器。它还有一些其他有趣的功能。
希望对您有所帮助！
-- 詹姆士
【讨论】：