ajax调用后,CKEditor在IE11中无法编辑

时间:2015-11-13 14:40:50

标签: ajax ckeditor internet-explorer-11

示例:

HTTP RFC 2616

如果第一次加载页面,则CKEditor正常工作,可以编辑编辑器的值。按下按钮" ajax"调用以下函数(光标必须在编辑器字段中):

function ajax_call() {    
    var html = "<textarea id=\"textarea\"><p>test 1</p><p>test 2</p><p>test 3</p></textarea><script type='text/javascript'>jQuery(document).ready(function() { ckEditor('textarea'); });<\/script>";

    $.post("/echo/html/", { html: html }, function(data){
        jQuery('#target').html(data);
    });
}

无法单击IE11中的文本来编辑值。单击文本或其左侧可以再次启用编辑器。

1 个答案:

答案 0 :(得分:1)

在CKEDITOR启动了IE中的刹车编辑后,看起来像是创建了新的textarea。虽然我只是尝试直接在CKEDITOR实例上设置数据,但它工作正常,而不是创建新的textarea标签。

 function ajax_call() {

    var html = "<p>test 4</p><p>test 5</p><p>test 6</p>";

    $.post("/echo/html/", { html: html }, function(data){
        //jQuery('#target').html(data); <-- Removed from original
        CKEDITOR.instances['textarea'].setData(data)// <-- Added

    });
}            

function ckEditor(id) {
    CKEDITOR.replace(id, {
        language : 'de',
    });
}

jQuery(document).ready(function() {
    ckEditor('textarea');

});

以下是工作示例: http://jsfiddle.net/2wq86gqs/15/