jQuery AjaxForm插件和ckeditor发布为空

Question

我正在尝试一起使用jQuerys ajaxForm（http://jquery.malsup.com/form/）和CKEditor（http://ckeditor.com），但textarea发布为空。

HTML代码：

<form action="test.php" method="POST" class="ajaxformhere">
<textarea class="ckeditor" name="sometext" id="sometext"></textarea>
<input type="submit" value="Send"/>
</form>

Javascript：

<script>
    $('.ajaxformhere').ajaxForm({
        beforeSubmit: function() {  
            var textbox = CKEDITOR.instances.sometext.getData();
            $('#sometext').val(textbox); 
        },
        success: function(data) {
          alert(data);
        }
    });
</script>

我不知道为什么，但是ckeditor不更新textarea元素。当我尝试提交时，它发布为空。

Answer 1

尝试使用beforeSerialize代替beforeSubmit事件：

$('.ajaxformhere').ajaxForm({
    beforeSerialize: function(form, options) { 
  for (instance in CKEDITOR.instances)
        CKEDITOR.instances[instance].updateElement();
},
    success: function(data) {
      alert(data);
    }
});