码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-12-22 14:13:20      阅读:337      评论:0      收藏:0      [点我收藏+]

标签:

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不兼容的问题-不显示与不能编辑的问题

标签:

原文地址:http://www.cnblogs.com/cms100/p/4177967.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!