如何阻止CKEditor 4自动添加额外HTML标签？

• 核心原因是CKEditor 4默认遵循HTML4的DOM规范要求，在HTML4标准中<a>标签属于行内元素，不允许嵌套<h4>这类块级元素。你输入的HTML结构（a标签包裹h4）被编辑器判定为非法结构，触发了内置的DOM自动修正逻辑，会自动拆分a标签，将块级元素移出a标签范围，同时给拆分出来的文本内容自动补充a标签，最终产生多余的空a标签和重复a标签。
• 附带的空class属性被移除，是编辑器默认开启的空属性清理规则导致的。

1. 首先调整DTD规则，允许a标签嵌套块级元素，适配HTML5规范：

// 在config.js头部添加，允许a标签包含h4元素
CKEDITOR.dtd.a.h4 = 1;
// 如有其他块级元素需要放在a标签内，可按需添加，例如：
// CKEDITOR.dtd.a.div = 1;
// CKEDITOR.dtd.a.p = 1;

2. 配置内容过滤规则，避免自定义类、属性被清理：
   如果不需要完全关闭内容过滤，可添加允许的内容规则：

config.extraAllowedContent = 'section(*); div(*); a[href,class](*); img[src,alt,class](*); h4(*);';
// 保留空属性，避免空class被删除
config.removeEmptyAttributes = false;

如果是内部使用、不需要限制用户输入内容，也可以直接关闭高级内容过滤（ACF），完全放行所有HTML内容：

config.allowedContent = true;

3. 配置完成后清空浏览器缓存，重新加载编辑器即可生效，原有结构不会再被自动拆分修改。

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