javascript - 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);
    }
});