kindeditor文本框中修改后的内容无法通过jquery获取


关键词

kindeditor文本框 jquery 无法获取 修改后的内容

摘要

本文介绍一个使用Jquery来获取KindEditor编辑后的内容的方法,因为直接读取是无法获取修改后的内容的。


洪哥最近在调一个使用JQuery来获取Web编辑器的字段时被坑了。编辑器是KindEditor,直接都感觉很不错,很好用!但它修改后的数据就是无法被Jquery获取到,每天获取都是第一次打开时编辑器中的内容。如果一开始编辑器就没有内容,那jquery只能获取到一个空值。

有没有什么办法能解决jquery无法获取KindEditor修改后的内容呢?在网上找来找去,最后经过洪哥的实践,如下方法是靠谱的。

下面这段JavaScript代码是正常创建KindEditor的代码:
<script>
 KindEditor.ready(function(K) {
  var kindEditor1 = K.create('textarea[name="mycontent"]', {
   cssPath : '/config/kindeditor/plugins/code/prettify.css',
   uploadJson : '/config/kindeditor/asp/upload_json.asp',
   fileManagerJson : '/config/kindeditor/asp/file_manager_json.asp',
   allowFileManager : true
  });
  prettyPrint();
 });
</script>

我们在create函数的第二个参数中加入一个元素:
afterBlur: function(){this.sync();}
这个语句的作用是同步编辑器和textarea之间的值。最终的代码如下:

<script>
 KindEditor.ready(function(K) {
  var kindEditor1 = K.create('textarea[name="mycontent"]', {
   cssPath : '/config/kindeditor/plugins/code/prettify.css',
   uploadJson : '/config/kindeditor/asp/upload_json.asp',
   fileManagerJson : '/config/kindeditor/asp/file_manager_json.asp',
   allowFileManager : true,
   afterBlur: function(){this.sync();}
  });
  prettyPrint();
 });
</script>

这样就可以通过JQuery来获取KindEditor编辑后的值了。

其实之前是错怪Jquery了,如果不加sync()那句,普通的JavaScript代码也是获取不到编辑器修改后的值的。

关于kindeditor文本框中修改后的内容无法通过jquery获取,本文就介绍这么多,希望对您有所帮助,谢谢!

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:kindeditor文本框中修改后的内容无法通过jquery获取:http://www.splaybow.com/post/kindeditor-jquery-bianjihoudeneirong.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程中有任何疑问,洪哥以此为饭碗,请加QQ:115085382!
了解更多好文章,请关注我们的新浪微博和腾讯微博
亲,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« 如何生成百度地图 input标签的disabled与readonly的区别 »

相关文章:

用户体验!UI设计的30条黄金准则  (2016/12/14 7:56:23)

HTML5(H5)表单验证  (2016/12/9 7:32:10)

百度提供了Bootstrap Glyphicons的CDN  (2016/7/12 18:05:41)

Windows7、Windows8、Windows10默认带的IE版本  (2016/6/5 7:18:19)

微信二维码鼠标放上去变大的前端代码  (2016/9/11 7:25:43)

jQuery validationEngine校验表单格式  (2016/8/21 7:53:26)

jQuery操作select控件的用法总结  (2016/7/21 7:26:24)

jquery的load函数介绍  (2016/12/1 7:44:37)

CSS中大于号(>)的作用  (2016/10/1 7:39:31)

jquery的get()方法  (2015/11/28 13:58:08)