CKEditor:是否可以使用contenteditable =" true"

时间:2016-02-19 01:54:13

标签: javascript html ckeditor

我试图让CKEditor启动并运行Inline Editing,我希望允许用户只编辑单个dom元素,如h1,h2,p等。并且它工作正常 - 但是我无法让它为html img元素工作:

<img src="img/myimage.jpg" contenteditable="true" />

如果我允许CKEditor将图像插入例如,图像工作正常。 div元素,但有没有办法只允许内容编辑器更新src for img tag?

更新

我用简单的jQuery解决了这个问题:

$(document).ready(function () {
    $('img[contenteditable]').click(function (event) {
    var view = $(event.target);

    var uniqueIdforCurrentElement = randomString(32).trim();
    if (view.attr('id') === undefined || view.attr('id') === '') {
        view.attr('id', uniqueIdforCurrentElement);
    } else {
         uniqueIdforCurrentElement = view.attr('id');
    }
    window.open('mySelectImageUrl' + 
                   '?mode=jquery" + 
                   '&CKEditorFuncNum=' + uniqueIdforCurrentElement, 
                   'imageWindow', 
                   'width=800, height=600');
    });
});

并在imageWindow中:

var element = window.opener.document.getElementById('<%:Model.Callback%>');
element.src = fileUrl;

0 个答案:

没有答案