jQuery AjaxForm插件和ckeditor帖子为空

时间:2013-09-03 03:50:56

标签: javascript jquery ckeditor ajaxform

我正在尝试使用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元素。当我尝试提交时,它会发布空白。

1 个答案:

答案 0 :(得分:4)

尝试使用 beforeSerialize 代替beforeSubmit事件:

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