Question

如何在允许其他标签的同时禁用ckeditor中的某些标签。例如：我想禁用div标签，但想要允许图像标签。我使用如下。如果我使用//禁用allowedContent，则会显示完整的编辑器。我想允许大多数标签，包括字体颜色，字体名称，字体大小，图像，但想要禁用div。

CKEDITOR.replace( "xeditor", {
allowedContent: {'img[!src] a[!href] b i u s sup sub ul ol li p[*] table tbody tr td h1 h2 h3 h4 h5 h6 hr pre': true},} );

如果我取消注释上面的allowedContent过滤器，它会停止不需要的标记，但我似乎无法让images / font- *显示！

由于

Answer 1

Link在此

中加入div

     CKEDITOR.config.removeFormatTags = 'b,big,code,del,dfn,em,font,i,ins,kbd,q,s,samp,small,span,strike,strong,sub,sup,tt,u,var';

或

config.extraAllowedContent = 'p(*){*}[*]';

Answer 2

如果你关心的只是工具栏，你可以直接编辑它，有一个配置选项;见http://docs.ckeditor.com/#!/guide/dev_toolbar

虽然我还会继续编辑该ACF配置，以找出图像和字体不起作用的原因。至于图像，我认为你需要给它一点工作空间而不仅仅是img[!src]。至于字体，您不允许span，这可能会禁用字体样式。这样的风格很多。这是一个非常类似于我使用的编辑版本，经过编辑以更好地适应您的情况。

// No other tags are allowed the ones defined.
// http://docs.ckeditor.com/#!/guide/dev_allowed_content_rules-section-3
// [*] allows all attributes
// (*) allows all classes
// {*} allows all styles
CKEDITOR.replace('textarea_id', {
    allowedContent: 
        // Allow these without any style, class or attribute
        'b i u s sup sub ul ol li tr td h1 h2 h3 h4 h5 h6 hr pre; ' +

        // Allow any attribute and certain styles for TD and TH
        'td th [*]{width,height,text-align,vertical-align,white-space,border-color,background-color}; ' +

        // Allow any attribute but only height and width style for table
        'table [*]{height, width};' + 

        // Allow any attribute and style - this is a little too loose
        'p span img a tr thead tbody a caption *[*]{*}; ' + 

        // Allow any class for any element
        '*(*)' 
});

我不建议只是从这里复制它，而是试图理解它并为您选择正确的标签。我认为重要的一点是为IMG添加更多自由并添加SPAN，但是如果你使用GroF它将来有助于使用CKEditor。

ckeditor限制标签的启用

2 个答案: