Question

我已经编写了自己的自定义插件，用于在CKEDITOR中插入图像。我禁用工具栏中的图像按钮。我使用editor.insertHtml（）函数从我的自定义插件中插入图像。当我从工具集中删除标准图像按钮时，它会禁用在CKEDITOR框中插入图像标记。接受所有其他html标记，但<img/>标记。

这是我的配置（在config.toolbar中没有'Image'）：

CKEDITOR.editorConfig = function( config )
{
CKEDITOR.plugins.addExternal('insert_blank','http://localhost:3000/assets/ckeditor/plugins/insert_blank/', 'plugin.js');
CKEDITOR.plugins.addExternal('qimage','http://localhost:3000/assets/ckeditor/plugins/qimage/', 'plugin.js');
 config.extraPlugins = 'insert_blank,qimage' ; 

  config.toolbar =
    [

        { name: 'basicstyles', items : [ 'Bold','-','Italic' ] },

        { name: 'insert', items : [ 'insert_blank.btn','-','qimage.btn'
                 ] },




    ];
   config.keystrokes = [

    [ CKEDITOR.CTRL + 75, 'InsertBlank' ],    
    [ CKEDITOR.CTRL + 85, 'qimage' ], 
];  

        config.height = 300 ; 
                config.width = 350 ; 
                config.removePlugins =  'elementspath,resize' ;

};

有没有办法启用图片代码插入？

更新：通过将以下命令添加到配置文件来工作：

config.allowedContent = 'b i img[!src,alt,width,height]' ;

Answer 1

您是否已阅读如何将插件与Allowed Filter Content集成？您需要定义插件添加允许img标记及其属性的按钮/命令。您还可以定义启用此按钮/命令时必需的标记及其属性，当有人设置config.allowedContent时，将激活/停用该标记。

Answer 2

您需要的只是启用img[src]属性。

所以你应该使用config.extraAllowedContent = 'img[src,alt,width,height]';

config.allowedContent将覆盖所有其他DOM。

添加图像的自定义插件后无法插入img标记

2 个答案: