jQuery AjaxForm插件和ckeditor發布為空

Question

我正在嘗試一起使用jQuery的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);
    }
});