CKEditor 4中仅允许<img>标签的float样式属性，禁用其他样式

你这个配置不生效的核心原因是CKEditor的ACF（内容过滤）规则优先级：disallowedContent: '*{*}'属于禁止规则，优先级高于extraAllowedContent的允许规则。这条全局禁用规则会直接移除所有元素的所有样式属性，哪怕你单独放开img的float，也会被覆盖掉，导致float同样被删除。

正确实现方式 #

放弃“先全局禁用再额外放开”的思路，直接用allowedContent精确声明所有需要保留的元素、属性和样式，这样既能彻底禁用无关样式，又能确保img的float正常保留。

修改后的完整配置 #

CKEDITOR.replace( 'editor', {
    toolbar: [
        { name: 'styles', items: [ 'Format' ] },
        { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline' ] },
        { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
        { name: 'indexes', items: [ 'Subscript', 'Superscript' ] },
        { name: 'paragraph', items : [ 'NumberedList', 'BulletedList' ] },
        { name: 'media', items: [ 'Image' ] },
        { name: 'iframe', items : [ 'Iframe'] },
        { name: 'tools', items : [ 'Find'] },
        { name: 'document', items: [ 'Source'] },
    ],
    format_tags: 'h2;h3;p',
    width: 820,
    height: 500,
    entities_latin: false,
    removePlugins: 'image, exportpdf',
    extraPlugins: 'image2, find',
    tabSpaces: 6,
    // 精确声明所有允许的元素、属性和样式
    allowedContent: 'h2 h3 p strong em u a[href,target,id] sub sup ol ul iframe[src,width,height] img[src,alt,float];'
});

配置说明 #

• 列出的元素与你工具栏中的功能一一对应，确保现有编辑功能正常使用
• 元素后的[]指定允许保留的属性：比如链接标签a保留跳转、目标窗口和锚点所需的属性；图片标签img保留显示必需的src、alt，以及你需要的float样式
• 除了这里明确声明的内容，所有未提及的样式属性都会被ACF自动清理，完美实现“仅保留img的float，禁用其他所有样式”的需求

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