CKeditor編輯器ajax異步加載數據

ajax異步加載數據:html

第一種方法:網上抄的,感受無論用的,不過放心有第二種web

Ckeditor經過Ajax更新數據

以前在表單中對ckeditor的賦值就直接是
$("#theadEditor").val(result);
而現在我想經過點擊不一樣選項來使用Ajax在後臺訪問數據。對ckeditor賦值,
但是頁面根本沒有變化,然後臺的數據卻有。
 

那麼現在確定的就是ckeditor的問題了。 我認爲應該是ckeditor已經建立了。而經過通常的賦值應該不行。 那麼僅僅有先經過銷燬。再建立這種方式來處理了。 如下是我在Stack Overflow中看到的一種解決方案。ajax

 

$.post("你的訪問數據地址",{參數名:參數值},function(result){
    var editor = CKEDITOR.instances["editorName"]; //你的編輯器的"name"屬性的值
    if (editor) { 
            editor.destroy(true);//銷燬編輯器
    }       
    CKEDITOR.replace(editorID); //替換編輯器,editorID爲ckeditor的"id"屬性的值
    $("#editorID").val(result);    //對editor賦值
});
現在問題應該就攻克了。

第二種:異步

$.post(webRoot + "/trade/product/queryDetailByProductNoWithLanguage", {"productNo": productNo,"language":language}, function (result) {
     if (result.respCode == '000000') {
         var data = result.data;
         $("#name").val(data.title);
         $("#language").val(language);
         CKEDITOR.instances['detail'].setData($("#detail").val(data.detail),{
             callback: function() {
                 this.checkDirty(); // true
             }
         });
     }
 });

官網代碼:編輯器

相關文章
相關標籤/搜索