我正在尝试允许所有的HTML标签
<div> <p> <span> <i> /* etc */
以以下方式使用HTML属性(class,id):
<div id="foo" class="bar" style="z-index:1;">SOME COOL CONTENT HERE</div>
在ckeditor中。
我在docs.ckeditor.com中发现了类似的内容。
config.allowedContent = {
$1: {
// Use the ability to specify elements as an object.
elements: CKEDITOR.dtd,
attributes: true,
styles: true,
classes: true
}
};
config.disallowedContent = 'script; *[on*]';
将其添加到 ckeditor 根目录下的 config.js
,但什么也没有改变。当我尝试在 ckeditor 的源代码块上添加一些 HTML 标签时,它会擦除所有 HTML 内容。
我错过了什么吗? 提前致谢。
版本:## CKEditor 4.4.7
编辑和更新:
在 @Eelke 和 @Necreaux 的回答后,我在我的 config.js 中添加了 allowedContent = true
。现在基本的 HTML 元素如 <div> <span> <h3>
工作得非常完美。但是 ckeditor 仍然会剥离 <i>
标签。
完整的 Config JS
CKEDITOR.editorConfig = function( config ) {
config.allowedContent = true;
config.removeFormatAttributes = '';
// Define changes to default configuration here.
// For complete reference see:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'forms' },
{ name: 'tools' },
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'others' },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'about' }
];
// Remove some buttons provided by the standard plugins, which are
// not needed in the Standard(s) toolbar.
config.removeButtons = 'Underline,Subscript,Superscript';
// Set the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre;';
// Simplify the dialog windows.
config.removeDialogTabs = 'image:advanced;link:advanced';
};