使用kindeditor时,取不到textarea里面的值
来源:互联网 发布:打车软件 编辑:程序博客网 时间:2024/05/16 07:55
认真找下原因。
首先描述下我这边KindEditor的错误现象:
1、在IE8/FF下均得不到值;
2、当点击KindEditor的全拼按钮切换到全屏模式输入时,再返回正常模式,可以得到值;
3、我用的是jQuery的点击事件提交表单的,提交,无法得到值;
4、直接用表单的提交按钮可以得到值。
下面以 KindEditor 4.x版本为例说明,先贴上正确的代码:
KindEditor.ready(function(K){K.create(‘textarea[name="content"]‘,{themeType: ‘simple’,resizeType: 1,uploadJson:‘common/KEditor/upload_json.php’,fileManagerJson:‘common/KEditor/file_manager_json.php’,allowFileManager:true, //经测试,下面这行代码可有可无,不影响获取textarea的值 //afterCreate:function(){this.sync();} //下面这行代码就是关键的所在,当失去焦点时执行this.sync(); afterBlur:function(){this.sync();}});});
从上面的代码可以看到,解决方法在于最后一行代码,afterBlur:function(){this.sync();},当失去焦点时执行 this.sync();
那么这个 this.sync();函数是干嘛的呢?简单的说:这个函数就是同步KindEditor的值到textarea文本框。
官方解释:
sync()
将编辑器的内容设置到原来的textarea控件里。
参数: 无
返回: KEditor
下面是一个小实例
<script type="text/javascript"> var editor; KindEditor.ready(function (K) { editor = K.create('textarea[name=zContent]', { items: [ 'source', '|', 'undo', 'redo', '|', 'preview', 'template', // 'code', 'plainpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage', // 'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink' ], cssPath: 'plugins/code/prettify.css', width: '100%', height: '500px', themesPath: 'themes/', langPath: 'lang/', pluginsPath: 'plugins/', uploadJson: 'upload_json.ashx', uUploadParams: "?group=img&groupID=4&w=0&h=0&s=2", fileManagerJson: 'FileManager.ashx', allowFileManager: true, afterBlur: function () { this.sync(); },当失去焦点时执行 this.sync();这个函数就是同步KindEditor的值到textarea文本框。 afterCreate: function () { var self = this; K.ctrl(document, 13, function () { self.sync(); K('form[name=example]')[0].submit(); }); K.ctrl(self.edit.doc, 13, function () { self.sync(); K('form[name=example]')[0].submit(); }); } }); prettyPrint(); try { editor.statusbar.children().eq(1).hide(); } catch (e) { } if (window.addEventListener) { pastimg(); } else if (window.attachEvent) { pastimg(); } }); </script>
阅读全文
0 0
- 使用kindeditor时,取不到textarea里面的值
- 使用kindeditor时,取不到textarea里面的值
- 使用kindeditor时,取不到textarea里面的值
- kindeditor取不到textarea的值的解决办法
- 取KindEditor中的textarea的值区不到的解决方案,固定kindEditor的高度
- Kindeditor获取不到textarea的值
- kindeditor textarea JS 获得不到值
- Asp.net MVC使用KindEditor 4.X无法取到textarea的值
- jquery取kindeditor插件的textarea的值
- KindEditor取不到编辑器数据
- 获取 kindeditor 中textarea 的值
- KindEditor得不到textarea值的解决方法
- KindEditor得不到textarea值的解决方法
- KindEditor得不到textarea值的解决方法
- KindEditor得不到textarea值的解决方法
- KindEditor编辑器获取textarea的值
- KindEditor得不到textarea值的解决方法
- KindEditor得不到textarea值的解决方法
- 在CMD中操作mysql数据库出现中文乱码解决方案
- AJAX扩展控件TabContainer(选项卡控件)的使用方法
- 程序员业余时间赚钱的8大途径
- 安卓手机可以用“它”来恢复误删的数据,为什么iPhone不可以
- react-native 启动android项目失败:A problem occurred configuring project ':app'.
- 使用kindeditor时,取不到textarea里面的值
- PCA降维
- Pareto(帕雷托)相关知识
- 云计算
- 解决(Ubuntu)终端 命令提示符太长
- 【数据库】——再次认识
- 比《恐怖游轮》更可怕的是什么?
- bzoj4448(LCT)
- 学生系统优化