我试图让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;