您好,欢迎访问一九零五行业门户网

TinyMCE提交AjaxForm获取不到数据的解决方法

本文实例分析了tinymce提交ajaxform获取不到数据的解决方法。分享给大家供大家参考。具体分析如下:
在没有使用ajaxform前,我做的一个小小的评论提交的web form,评论内容使用了tinymce做文本编辑。为了增加一点点的用户体验,就顺手拿ajaxform来实现ajax提交。可是发现出现了一个意外的事情。就是每次提交,第一次提交时,ajaxform会无法获得当前编辑的评论内容,即textarea里面的内容,要再点击一次提交,才能将textarea的内容提交上去。
关键是tinymce上的内容没有在提交前更新到textarea中。于是想看看ajaxform是否有在提交前的事件绑定,发现在beforesubmit事件中,formdata的内容已经被填充,虽然可以在此处自行将当前的tinymce的内容填充上去,可是总觉得是不太漂亮的解决方案。
为了找是否有其它途径解决此问题,我查看了一下ajaxform的源代码,发现原来ajaxform作者已经为这问题提出了统一的解决方案,具体源代码如下:
1. js代码如下:
/ hook for manipulating the form data before it is extracted;// convenient for use with rich editors like tinymce or fckeditorvar veto = {};this.trigger('form-pre-serialize', [this, options, veto]);if (veto.veto) {log('ajaxsubmit: submit vetoed via form-pre-serialize trigger');return this;}
2. 对应fckeditor类似:
// 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();});
希望本文所述对大家的javascript程序设计有所帮助。
其它类似信息

推荐信息