Question

我尝试使用以下代码

将上传的图像插入CKEditor

var editor = CKEDITOR.instances.writearticle;
var value = '<img src="images/imagename.jpg">';
editor.insertHtml( value );

但这不起作用。但是当我用这段代码尝试相同的逻辑时

var editor = CKEDITOR.instances.writearticle;
var value = '<strong>Hello World</strong>';
editor.insertHtml( value );

Hello world ，插入粗体文字。为什么它不适用于<img>代码？

我发现此程序here和<img>插入在此网站中有效。我的网站有什么问题？

Answer 1

添加后问题解决了，

config.allowedContent = 'img[src,alt,width,height]'; // But be sure to add all the other tags you use in with your Editor. Tags except this will be disabled.

替代解决方案

config.extraAllowedContent = 'img[src,alt,width,height]'

这会将<img>属性添加到允许的标签列表中，您需要在此处指定您需要允许的每个标签。 - 信用：Sibbl 。

在config.js文件中。

Answer 2

就我而言，我刚刚补充道：

app.use('/', admin)

在CKEditor配置中

它解决了这个问题。

Answer 3

您也可以在此处编写allowedContent而不是修改配置。

editor.addCommand( 'XXXDialog', new CKEDITOR.dialogCommand( 'XXXDialog', { allowedContent : 'img[src,alt,width,height]'}) );

CKEditor中的insertHTML不仅适用于图像

3 个答案: