CKEDITOR.config.allowContent true don not work

Question

我正在使用ckeditor。我想允许用户使用他们想要的所有内联样式。

但是当我使用CKEDITOR.config.allowedContent = true;时，没有任何更改，CKEditor用[removed]更改style名称。

这是我尝试做的：

config.js

CKEDITOR.editorConfig = function( config ) { };
CKEDITOR.config.allowedContent = true;

我也尝试了：

CKEDITOR.editorConfig = function( config ) {    
    CKEDITOR.config.allowedContent = true;
};

我每次更改后都清除了缓存，但没有运气。当我输入

时

<p style="text-align: center;"><span style="color:#ff0000">this is for test</span></p>

结果变为：

<p [removed]="color:#ff0000">this is for test</span></p>

我读了许多文章，但仍然没有运气。有任何建议吗？

Answer 1

一个简单的示例，介绍了如何在ckeditor中启用其他标记

CKEDITOR.replace( 'editor1', {
    extraAllowedContent: 'style;*[id,rel](*){*}'
 } );

此处启用元素，允许所有已允许的元素(*是通配符(允许两个附加属性(以方括号为单位(，允许为它们使用任何类名称(*(，并允许使用任何内联样式{***}

允许样式标签(style type="text/css">...</style>)：

config.extraAllowedContent = 'style';

允许任何类和任何内联样式。

config.extraAllowedContent = '*(*);*{*}';

我希望它对您有用！

Answer 2

使用ckeditor配置文件config.js，其中允许属性属性设置为 true(因此，完全禁用数据过滤(：

CKEDITOR.editorConfig = function( config ) {    
    config.allowedContent = true;
};