CKEDITOR.config.allowedContent true not not not working

Question

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

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

这是我尝试过的事情：

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](*){*}'
 } );

extraAllowedContent在这里启用元素，允许所有（*是通配符）已经允许的元素的两个附加属性（在方括号中），允许对它们使用任何类名（*）并允许使用任何内联样式{* }

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

config.extraAllowedContent = 'style';

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

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

我希望它对你有用!!

Answer 2

使用config.js属性设置为true的CKEditor配置文件allowedContent（因此完全禁用数据过滤）：

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