我有一个使用CKeditor的点击编辑编辑器。当您单击可编辑部分时,CKeditor将替换该文本,您可以对其进行编辑。问题是在您单击“取消”或“保存”然后再次尝试编辑编辑器未加载。我在这里尝试了很多解决方案(例如,在重新创建编辑器之前销毁(true))但没有任何效果。任何帮助将不胜感激!这是我的代码:
$(".editable").click(function() {
var $this = $(this);
var target = $this;
var thisText = $this.html();
$("<textarea />").addClass("currentField").attr("ID","currentFieldID")
.val(thisText)
.appendTo(target);
var allInstances=CKEDITOR.instances;
for ( var i in allInstances ){
allInstances[i].destroy(true);
}
CKEDITOR.replace("currentFieldID");
$("<input type='button' value='Save' /> ").click(function(event) {
var newText=$('.currentField').val();
CKEDITOR.instances['currentFieldID'].destroy(true);
//Save
event.stopPropagation();
}).addClass("saveBtn").button().appendTo(target);
$("<input type='button' value='Cancel' />").click(function(event) {
var newText=$('.currentField').val();
CKEDITOR.instances['currentFieldID'].destroy(true);
//cancel
event.stopPropagation();
}).addClass("cancelBtn").button().appendTo(target);
});
以下是一些显示问题的照片:
第一次看起来像这样:
第二次看起来像这样:
答案 0 :(得分:0)
我发现问题出在我使用的插件上。我删除了插件,它开始工作。