Ckeditor禁止img元素

时间:2017-10-12 14:50:20

标签: javascript ckeditor wysiwyg

我正在使用ckeditor。 我通过运行:

检查了默认情况下不允许的元素
ckEditor.on( 'instanceReady', function() {
        console.log(JSON.stringify(ckEditor.filter.allowedContent, null, '\t'));    
    });

这表明允许img元素(尽管我的工具栏中没有出现img按钮)。

由于我不希望用户能够使用img元素提交代码,所以我想完全不允许这样做。我尝试在config.js文件中禁止它:

config.disallowedContent = 'img';

并在初始化编辑器时也尝试过:

CKEDITOR.replace("comment", {
        disallowedContent: 'img'
    });

当我使用ckEditor.filter.allowedContent命令显示允许的内容时,img元素仍显示为允许。

我做错了什么?我认为,如果有人在编辑器中粘贴代码,仍然需要禁止img ...

(我也在验证服务器端,但最好是服务器端和客户端匹配,即:两者都禁止img)。

由于

1 个答案:

答案 0 :(得分:0)

要禁止拍摄图像,请使用以下代码:

CKEDITOR.replace( 'editor1', {
   disallowedContent: 'img'
});

请注意CKEDITOR.instances.editor1.filter.disallowedContent和。{ CKEDITOR.instances.editor1.filter.allowedContent是两个单独的列表,向一个添加元素不会将其从其他列表中删除。您可以定义(或编辑器默认情况下)allowedContent list中允许的元素列表和disallowedContent list中不允许的元素列表。后者的优先级高于前者 - https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_disallowed_content。这就是编辑器中不允许使用图像的原因。