| 标题 | tinymce提交ajaxform获取不到数据的解决方法 |
| 内容 | 这篇文章主要介绍了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 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; } 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程序设计有所帮助。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。