KindEditor得不到textarea值的解决方法

admin6年前 (2020-07-16)IT技术1695

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

<script type="text/javascript">

//天涯PHP博客 http://blog.phpha.com

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();}

});

});

</script>

相关说明：从上面的代码可以看到，解决方法在于最后一行代码，afterBlur: function(){this.sync();}，当失去焦点时执行 this.sync();那么这个 this.sync(); 函数是干嘛的呢？简单的说：这个函数就是同步KindEditor的值到textarea文本框。
2

官方解释：//天涯PHP博客 http://blog.phpha.comsync()将编辑器的内容设置到原来的textarea控件里。参数: 无返回: KEditor地址：http://www.kindsoft.net/docs/editor.html#sync

补充：在 KindEditor 4.x 版本中，KE.sync(); 要改成 this.sync();