CKEditor 更新后自动将 、 等 HTML 标签转换为 [b]、[p] 等 BBCode 格式，导致内容无法按预期以 HTML 方式保存和渲染。本文详解如何通过禁用 BBCode 插件恢复原生 HTML 输出。
ckeditor 更新后自动将 ``、`
` 等 html 标签转换为 `[b]`、`[p]` 等 bbcode 格式，导致内容无法按预期以 html 方式保存和渲染。本文详解如何通过禁用 bbcode 插件恢复原生 html 输出。
默认情况下，CKEditor 是一个纯 HTML 富文本编辑器，输出内容应为标准 HTML（如 <b>Ali</b>）。但若项目中意外启用了 BBCode Output Format 插件，编辑器便会将所有支持的 HTML 标签（如 <b></b>、<i></i>、<p></p>、<ul></ul> 等）自动映射为对应的 BBCode 语法（如 [b]Ali[/b]），从而破坏前后端 HTML 渲染链路。
✅ 根本解决方案：禁用 BBCode 插件
该插件并非 CKEditor 默认内置功能，而是通过 extraPlugins 显式引入的。请检查您的 CKEditor 初始化配置，移除对 bbcode 的引用：
ClassicEditor
.create(document.querySelector('#editor'), {
// ✅ 确保此处未包含 'bbcode'
extraPlugins: [ /* 其他插件，但不要写 'bbcode' */ ],
// ⚠️ 错误示例（需删除）：
// extraPlugins: ['bbcode', 'someOtherPlugin'],
// ✅ 正确写法（无 bbcode）：
// extraPlugins: ['uploadimage', 'autogrow']
})
.catch(error => console.error(error));此外，请确认以下两点以彻底规避干扰：
- 检查
config.js或构建时的build-config.js，确保未全局启用bbcode； - 若使用 CKEditor 4 的自定义构建包（如 online builder 下载），请重新生成不含 BBCode 插件的版本。
? 补充说明：BBCode 插件仅在 CKEditor 4 中提供，CKEditor 5 不支持 BBCode（其架构基于数据模型而非字符串替换）。若您正在使用 CKEditor 5 却出现类似现象，请排查是否集成了第三方转换器或服务端解析逻辑。
总结：只要确保 bbcode 插件未被加载，CKEditor 将严格保持 HTML 输入/输出一致性——hi <b>Ali</b> 就会原样输出，无需额外配置 HTML 过滤规则或自定义数据处理器。
立即学习“前端免费学习笔记（深入）”；
