首页 > 代码库 > kindeditor和jquery easyui不兼容的问题-不显示与不能编辑的问题

kindeditor和jquery easyui不兼容的问题-不显示与不能编辑的问题

KindEditor 和 jQuery-easyui 插件有冲突

浏览器版本:
chrome firefox
KindEditor版本:
4.1.7
BUG再现步骤:
1. 在 jQuery-easyui 的tabs里加入

再 文本区

<textarea name="xxxxxxxxxxxxxxxxxxx"   style="width:80px; height:300px;">KindEditor</textarea>

后面加上

var editor1 = KindEditor.create(‘textarea[name="xxxxxxxxxxxxxxxxxxx"]‘, {
  allowFileManager : true
 });

会出现 编辑器 但是无法编辑

切换到html格式可以编辑 但是又切回去的时候 报这个错误

Uncaught TypeError: Cannot call method ‘getSelection‘ of undefined

好像 easyui也有这个函数

是不是这个冲突引起的 ?

而且如果加在 KindEditor.ready(function(K) { 里面 根本不会走进去

IE下正常 
期望结果:

因为 目前大多数公司 都是用 jQuery-easyui 做ui控件

而且 我们主张客户用 chrome 但是 因为要用到编辑器

感觉KindEditor非常棒 所以希望 KindEditor 能帮忙解决下

和 easyui冲突的问题

 

解决办法:

要在dialog 开打之后,在加载,即 onOpen事件, 关闭后注销 onOpen: function (event, ui) {
// 打开Dialog后创建编辑器

KindEditor.create(‘#editor_content‘, {resizeType : 1, allowFileManager: true,uploadJson: ‘../../KindEditor/asp.net/upload_json.ashx‘,fileManagerJson: ‘../../KindEditor/asp.net/file_manager_json.ashx‘});},onBeforeClose: function (event, ui) {// 关闭Dialog前移除编辑器   KindEditor.remove(‘#editor_content‘);},

 


kindeditor和jquery easyui不兼容的问题-不显示与不能编辑的问题