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‘);
},
时间: 2024-11-05 17:28:27

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

jquery easyui DataGrid 动态的改变列显示的顺序

$.extend($.fn.datagrid.methods,{ columnMoving: function(jq){ return jq.each(function(){ var target = this; var cells = $(this).datagrid('getPanel').find('div.datagrid-header td[field]'); cells.draggable({ revert:true, cursor:'pointer', edge:5, proxy:

jquery easyui datebox 时间控件默认显示当前日期的实现方法

添加如下代码,其中startTime为<input >中id值  <script>//得到当前日期 formatterDate = function(date) { var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate(); var month = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0&qu

jquery easyui中gridview用getData获取显示的所有数据

前台(提交方法): $("#btnQueDing").click(function () { var rows = $('#dg').datagrid('getData'); if ($("#iptZiDingYiMuBanMingCheng").attr("value") == "") {ZhongWenMingCheng $.messager.alert('警告', '请先填写模板名称!'); return; } else

jquery easyUI DataGrid 初始化的时候就显示可排序的字段

在使用easy ui的列表中,想要标记可以排序的字段,使用户一看页面就知道哪些是可以点击排序的. 给可排序的字段添加 图标在列名后面.不可排序的字段还和原来一样. 步骤: 你需要一个图标 , 你需要给你的easy ui源码添加如下代码 $("span",td).html(col.title);$("span.datagrid-sort-icon",td).html(" ");var cell=td.find("div.datagrid-

jquery easyui datagrid 分页 详解

前些天用jquery easyui的table easyui-datagrid做分页显示的时候,折腾了很久,后来终于解决了.其实不难,最主要我不是很熟悉前端的东西. table easyui-datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows(每页显示的记录数)和page(当前第几页)然后读取相应页数的记录,和总记录数total一块返回即可. 1.界面 2.前端代码 <table id="dg" title="文章管理"

JQuery EasyUI后台UI框架使用连载

在正式了解 jQuery EasyUI 之前,我们先了解一下什么是 jQuery EasyUI.它的学习条件.市场上的同类产品.所支持的浏览器等.然后配置运行 jQuery EasyUI. 一.什么是JQuery EasyUI jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合,而 jQuery EasyUI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面.开发者不需要编写复杂的JavaScript,也不需要对 css 样式有深入的了解,开发者需要

第 1 章 jQuery EasyUI 入门

学习要点: 1.什么是 jQuery EasyUI 2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势 4.其他的 UI 插件 5.是否兼容低版本 IE 6.下载及运行 jQuery EasyUI 在正式了解 jQuery EasyUI 之前,我们先了解一下什么是 jQuery EasyUI.它的学习条件.市场上的同类产品.所支持的浏览器等.然后配置运行 jQuery EasyUI. 一.什么是 jQuery EasyUI jQuery EasyUI 是一

Jquery EasyUI插件

属性 属性是定义在 jQuery.fn.{plugin}.defaults.比如,dialog 的属性是定义在 jQuery.fn.dialog.defaults. 事件 事件(回调函数)也是定义在 jQuery.fn.{plugin}.defaults. 方法 调用方法的语法:$('selector').plugin('method', parameter); 其中: selector 是 jquery 对象选择器. plugin 是插件名称. method 是与插件相匹配的已存在方法. pa

基于JQuery easyui,gson的批量新增/修改和删除-servlet版

最近项目需要用到在页面进行批量操作,做了一些这方面的学习,参照网上的资料写了个小例子,记录一下: 准备 引入gson-2.6.2.jar,这里使用gson而不使用json-lib,原因是json-lib很老了,依赖的jar在后续与struts2整合时,会出现不兼容的警告.而gson很清爽. 引入jQuery EasyUI 1.4.4 文件结构: package com.tjd.study.easyui.entity; public class Bean { private String code