本文分析了TinyMCE提交ajaxform获取任何数据的解决方案。分享给你供你参考。具体分析如下:

使用前ajaxform,我做了一个基于Web形式的小评论,使用TinyMCE作为一个文本编辑器。为了添加一点点的用户体验,以ajaxform实现Ajax提交。但意外发生了,每一次提交申请的第一时间,ajaxform不会获取当前的编辑,这是编辑内容,对文本的内容。如果我们想重新提交,我们可以提交文本内容。

关键是在TinyMCE内容不更新文本提交之前,我们想看看是否有任何事件绑定在ajaxform。发现在beforesubmit事件,表单的内容已经满了,不过我们可以填写现TinyMCE的内容,但总觉得它不是一个漂亮的解决方案。

为了寻找其他途径来解决这个问题,我看ajaxform源代码,发现原来ajaxform提出了这一问题的统一解。具体的源代码如下所示:

1。js代码如下所示:

复制代码如下:钩子用于在它之前处理窗体/数据;

使用方便,具有丰富的编辑/喜欢TinyMCE和FCKeditor

var否决= {;

This.trigger('form-pre-serialize,{,}选项,否决);

如果(否决权,否决权){

日志('ajaxsubmit:提交否决通过形成预序列化触发);

返回此;

}

2。类似fckeditor:

复制代码如下: / /绑定的形式using'ajaxform

$(# commentform)。AjaxForm(选项);

/ /结合形式的序列化形式serilaize事件前,事件是在存储数据到文本触发TinyMCE

$(# commentform)。Bind('form-pre-serialize功能(事件、形式选择,否决){

TinyMCE.triggerSave();

});

希望本文能对大家的javascript程序设计有所帮助。