CKeditor Ajax 问题答案

【问题标题】：CKeditor Ajax issueCKeditor Ajax 问题
【发布时间】：2011-12-01 06:01:09
【问题描述】：

我试图将 ckeditor 与官方 jQuery 表单插件一起用于基于 AJAX 的表单，但第一次提交时我没有得到数据。如果我第二次提交它，它就会起作用。对此有何建议？

【问题讨论】：

【解决方案1】：

我遇到了类似的问题，虽然有几种不同的方法（即事件绑定），但这是我想出的最简单的解决方案。

$(document).ready(function () {
    $('[type="submit"]').click(function () {
        UpdateCKEditors();
    });
});

/// <summary>
/// Updates the textarea elements of all CKEditor instances.
/// This method is intended to be used onsubmit
/// </summary>
function UpdateCKEditors() {
    for (var i in CKEDITOR.instances) {
        CKEDITOR.instances[i].updateElement();
    }    
}

【讨论】：

【解决方案2】：

使用 jQuery 表单插件：

$(".ajaxForm").ajaxForm({
    beforeSerialize: function(){
        UpdateCKEditors();
    }
});
function UpdateCKEditors() {
    for (var i in CKEDITOR.instances) {
        CKEDITOR.instances[i].updateElement();
    }    
}

【讨论】：