在特定位置向ckeditor添加图像时出现问题

时间:2019-02-13 09:42:45

标签: javascript jquery ckeditor ckeditor4.x

使用easy-image插件时,我面临着将图像动态添加到CKEditor 4.11.2容器的问题。

我有一张图像列表,双击时需要将所选图像添加到编辑器中。我目前正在获取编辑器内容,找到我的目标图像表并将其添加到第一个空闲的空白单元格中。 这对于简单的图像来说效果很好,但是在使用easy-image插件时会变得棘手,因为未加载其作为添加标题的功能。 enter image description here

我已经尝试过,

1::动态添加<figure><img><figcaption> html,而不是简单的<img>。这样就提供了“带字幕”的样式,但不能同时动态地工作。

var doc = (editor && editor.document && editor.document.getBody().$);
var cnt = $('[' + MYTABLE + ']', doc).get(0);
var img = <figure><img src="" /><figcaption>caption</figcaption></figure>;
cnt.find('TD').each(function () {
    var td = $(this);
    if ($('img', td).length < 1) {
        td.html(img);
        added = true;
    }
});

2 :重新加载编辑器内容数据CKEDITOR.instaces.editor.setData(CKEDITOR.instaces.editor.getData());可以正常工作,但会导致“ flash”重新加载编辑器,并且编辑器滚动会飞到顶部。

ckeditor5中是否有任何作为“ insertContent”的功能,考虑到其内容添加了内容?

谢谢!

0 个答案:

没有答案