tinymce提交ajaxform获取不到数据的解决方法

这篇文章主要介绍了tinymce提交ajaxform获取不到数据的解决方法,实例分析了对应的源码部分与相应的解决方法,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例分析了tinymce提交ajaxform获取不到数据的解决方法。分享给大家供大家参考。具体分析如下：
+ [  c2 L1 N4 f, J在没有使用ajaxform前，我做的一个小小的评论提交的web form，评论内容使用了tinymce做文本编辑。为了增加一点点的用户体验，就顺手拿ajaxform来实现ajax提交。可是发现出现了一个意外的事情。就是每次提交，第一次提交时，ajaxform会无法获得当前编辑的评论内容，即textarea里面的内容，要再点击一次提交，才能将textarea的内容提交上去。
0 N+ }% Z2 X3 ~" @关键是tinymce上的内容没有在提交前更新到textarea中。于是想看看ajaxform是否有在提交前的事件绑定，发现在beforesubmit事件中，formdata的内容已经被填充，虽然可以在此处自行将当前的tinymce的内容填充上去，可是总觉得是不太漂亮的解决方案。
& R  |9 A* T1 n3 k为了找是否有其它途径解决此问题，我查看了一下ajaxform的源代码，发现原来ajaxform作者已经为这问题提出了统一的解决方案，具体源代码如下：
, e+ [0 }) G7 p1. js代码如下：
代码如下:
! w/ \/ n( f" M' P' K( v2 J; V// hook for manipulating the form data before it is extracted;
' J; f% p! u# {8 L5 g' M/ T: I3 x( _// convenient for use with rich editors like tinymce or fckeditor
; ~6 E( k* a& p) Nvar veto = {};
this.trigger('form-pre-serialize', [this, options, veto]);
2 l* @( O3 J- zif (veto.veto) {
log('ajaxsubmit: submit vetoed via form-pre-serialize trigger');
7 c& e9 C$ x) ?/ [* d) c# Greturn this;
) ~+ x3 X$ f$ b9 a. O/ b7 S}
9 F* M. G/ K- `2. 对应fckeditor类似：
; j+ ^$ b6 j) j* l2 ^3 w$ D代码如下:
5 S$ q: M5 W! C* h( b6 ?2 y// bind form using 'ajaxform'
: s+ k6 [: g5 g/ e( E4 Q2 _$('#commentform').ajaxform(options);
// 绑定form-pre-serialize事件，在触发form-serilaize事件前保存tinymce的数据到textarea中
: l: U% q; K. [- `3 G$('#commentform').bind('form-pre-serialize', function(event, form, options, veto) {
7 R! M: z9 E& [* D7 Jtinymce.triggersave();
6 |+ u9 g# F, t% U* c});
希望本文所述对大家的javascript程序设计有所帮助。
, O5 g, H2 D' ]' @
更多网页制作信息请查看： 网页制作

这就是我斗胆的一点粗略分析，每天睡觉以前，我都会把您的帖子再三拜读，拜读。

我不是来为楼主呐喊加油的，也不是对楼主进行围堵攻击的。

今天统计好像出了问题

做为老人！在吧里我都懒的都不想说话！送完经验我就走！

呵呵 哪天得看看 `~~~~

我刚来~~~嘿嘿~~此声明最终解释权归本人所有。

照你这么说真的有道理哦 呵呵 不进沙子馁~~~

你这样的表现，就只配这几个字：窝囊废

我又回复了