DIVI Builder中Code模块丢失HTML标签问题求助

1. 检查Code模块的输出类型设置 #

打开Code模块的内容面板，确认Code Type选的是HTML而非Text。要是选了Text，模块会把所有内容当作纯文本，自动剥离<style>、<script>这类标签，直接导致样式失效。

2. 关闭DIVI的代码自动清理 #

DIVI默认会对Code模块的输入做清理，容易误删标签。可以在子主题的functions.php（不要直接改父主题，避免更新丢失）里加这段代码：

add_filter('et_builder_enable_code_module_sanitization', '__return_false');

这段代码能彻底关闭Code模块的自动 sanitization 机制，让你的<style>、<script>标签完整保留。

3. 用原生短代码包裹代码 #

要是直接写标签还是被删，试试用DIVI内置的[et_pb_raw_code]短代码包裹：

[et_pb_raw_code]
<style>
/* 这里写你的CSS */
.custom-btn {
  background: #2c3e50;
  color: #fff;
  padding: 8px 16px;
}
</style>
[/et_pb_raw_code]

这个短代码会强制DIVI不处理内部的HTML结构，代码能原样输出到前端。

4. 排查插件冲突 #

安全类插件（比如Wordfence）、代码优化插件（比如Autoptimize）经常会过滤前端输出，可能把Code模块里的<style>标签删掉。先临时禁用这类插件测试，找到冲突的之后，去插件设置里把Code模块的输出内容加入白名单。

5. 修复高级选项卡Custom CSS的报错 #

用Code模块的Advanced > Custom CSS时出现EXPECTED RBRACE错误，大概率是这几个问题：

• CSS语法错了，漏了大括号或分号
• 不要在这里写完整的<style>标签，直接写选择器和样式（比如.custom-box { ... }）
• 别用DIVI自带的前缀类（比如et_pb_开头的），容易和主题样式冲突

临时方案优化 #

如果暂时还在用主题选项的Custom CSS，建议装个Code Snippets插件，在后台就能直接管理自定义代码，不用来回切换编辑器和主题设置，还能避免莫名其妙的语法误报。

内容的提问来源于stack exchange，提问作者Filip