TinyMCE 提交 AjaxForm 获取不到数据的问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了TinyMCE 提交 AjaxForm 获取不到数据的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1131字，纯文字阅读大概需要2分钟。

内容图文

在没有使用AjaxForm前，我做的一个小小的评论提交的Web form，评论内容使用了TinyMCE做文本编辑。为了增加一点点的用户体验，就顺手拿AjaxForm来实现Ajax提交。可是发现出现了一个意外的事情。就是每次提交，第一次提交时，AjaxForm会无法获得当前编辑的评论内容，即TextArea里面的内容，要再点击一次提交，才能将TextArea的内容提交上去。

 

关键是TinyMCE上的内容没有在提交前更新到TextArea中。于是想看看AjaxForm是否有在提交前的事件绑定，发现在beforeSubmit事件中，formData的内容已经被填充，虽然可以在此处自行将当前的TinyMCE的内容填充上去(详细可查看这里)，可是总觉得是不太漂亮的解决方案。

 

为了找是否有其它途径解决此问题，我查看了一下AjaxForm的源代码，发现原来AjaxForm作者已经为这问题提出了统一的解决方案，具体向上滚动代码如下：

 

// hook for manipulating the form data before it is extracted;

// convenient for use with rich editors like tinyMCE or FCKEditor

var veto = {};

this.trigger(‘form-pre-serialize‘, [this, options, veto]);

if (veto.veto) {

log(‘ajaxSubmit: submit vetoed via form-pre-serialize trigger‘);

return this;

http://www.huiyi8.com/gundongdaima/xiangshang/

}

 

// bind form using ‘ajaxForm‘ 

$(‘#commentForm‘).ajaxForm(options);

// 绑定form-pre-serialize事件，在触发form-serilaize事件前保存tinyMCE的数据到textarea中

$(‘#commentForm‘).bind(‘form-pre-serialize‘, function(event, form, options, veto) {

tinyMCE.triggerSave();

});

 

原文：http://www.cnblogs.com/misscm/p/3758331.html

内容总结

以上是互联网集市为您收集整理的TinyMCE 提交 AjaxForm 获取不到数据的问题全部内容，希望文章能够帮你解决TinyMCE 提交 AjaxForm 获取不到数据的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---