博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
KindEditor得不到textarea值的解决方法
阅读量:6227 次
发布时间:2019-06-21

本文共 1154 字,大约阅读时间需要 3 分钟。

转自:

以前有朋友遇到过这个问题,就是KindEditor在火狐下或者其他浏览器下都无法得到textarea文本框的值,点击表单提交按钮得到的是空白。昨天天涯PHP博客[http://blog.phpha.com]也无意遇到这个问题,于是想认真找下原因。

首先描述下我这边KindEditor的错误现象:
1、在IE8/FF下均得不到值;
2、当点击KindEditor的全拼按钮切换到全屏模式输入时,再返回正常模式,可以得到值;
3、我用的是jQuery的点击事件提交表单的,提交,无法得到值;
4、直接用表单的提交按钮可以得到值。

下面以 KindEditor 4.x 版本为例说明,先贴上正确的代码:

  1. <scripttype="text/javascript">
  2. //天涯PHP博客 http://blog.phpha.com
  3. KindEditor.ready(function(K){
  4. K.create('textarea[name="content"]',{
  5. themeType:'simple',
  6. resizeType:1,
  7. uploadJson:'common/KEditor/upload_json.php',
  8. fileManagerJson:'common/KEditor/file_manager_json.php',
  9. allowFileManager:true,
  10. //经测试,下面这行代码可有可无,不影响获取textarea的值
  11. //afterCreate: function(){this.sync();}
  12. //下面这行代码就是关键的所在,当失去焦点时执行 this.sync();
  13. afterBlur:function(){
    this.sync();}
  14. });
  15. });
  16. </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();

转载于:https://www.cnblogs.com/heifengwll/p/3468801.html

你可能感兴趣的文章
关于Java读取mysql中date类型字段默认值'0000-00-00'的问题
查看>>
儿童小孩的书籍
查看>>
Git 同时与多个远程库互相同步
查看>>
为什么Linux下的环境变量要用大写而不是小写
查看>>
Linux CentOS7.0 (01)在Vmvare Workstation上 安装配置
查看>>
剑指offer九之变态跳台阶
查看>>
php rabbitmq操作类及生产者和消费者实例代码 转
查看>>
js 格式化日期 ("/Date(1400046388387)/")
查看>>
Caffe CNN特征可视化
查看>>
Python find() 方法
查看>>
java实现二叉树的构建以及3种遍历方法
查看>>
构造MaxTree
查看>>
工厂模式
查看>>
贝叶斯机器学习路线图
查看>>
如何在云端部署SAP HANA实战, Azure 上的 SAP HANA(大型实例)概述和体系结构
查看>>
browser-sync 服务器使用
查看>>
IntelliJ IDEA常用的快捷键(代码提示/注释代码/加入类注释和方法注释Javadoc)
查看>>
SpringBoot整合SpringKafka实现消费者史上最简代码实现
查看>>
Ubuntu创建新用户并增加管理员权限 删除某个用户
查看>>
java单例模式实例
查看>>