QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

PHP基础

KindEditor得不到textarea值的解决方法

 admin  2017-03-05 15:07:00
以前有朋友遇到过这个问题,就是KindEditor在火狐下或者其他浏览器下都无法得到textarea文本框的值,点击表单提交按钮得到的是空白。我也也无意遇到这个问题,于是想认真找下原因。
首先描述下我这边KindEditor的错误现象:
1、在IE8/FF下均得不到值;
2、当点击KindEditor的全拼按钮切换到全屏模式输入时,再返回正常模式,可以得到值;
3、我用的是jQuery的点击事件提交表单的,提交,无法得到值;
4、直接用表单的提交按钮可以得到值。

下面以 KindEditor 4.x 版本为例说明,先贴上正确的代码:
<script type="text/javascript">  KindEditor.ready(function(K){      K.create('textarea[name="content"]', {          themeType: 'simple',          resizeType: 1,          uploadJson: 'KEditor/upload_json.php', //改成你的路径         fileManagerJson: 'KEditor/file_manager_json.php',          allowFileManager: true,          //经测试,下面这行代码可有可无,不影响获取textarea的值          //afterCreate: function(){this.sync();}          //下面这行代码就是关键的所在,当失去焦点时执行 this.sync();          afterBlur: function(){this.sync();}      });  });  </script> 
相关说明:
从上面的代码可以看到,解决方法在于最后一行代码,afterBlur: function(){this.sync();},当失去焦点时执行 this.sync();
那么这个 this.sync(); 函数是干嘛的呢?简单的说:这个函数就是同步KindEditor的值到textarea文本框。
官方解释:
//天涯PHP博客 http://blog.phpha.com
sync()
将编辑器的内容设置到原来的textarea控件里。
参数: 无
返回: KEditor
地址:http://www.kindsoft.net/docs/editor.html#sync

补充:在 KindEditor 4.x 版本中,KE.sync(); 要改成 this.sync();
¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

本文《KindEditor得不到textarea值的解决方法》发布于石头博客文章,作者:admin,如若转载,请注明出处:https://www.pweb123.com/html/php/687.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换

添加微信好友

添加微信好友

微信小程序

百度小程序