原文链接：https://my.oschina.net/myfirtyou/blog/624312

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');
},

 

转载于:https://my.oschina.net/myfirtyou/blog/624312