关于JQeasyUI和Kindeditor问题。

主页面使用JQeasyUI通过点击,新增一个tab,tab指向一个使用Kindeditor的页面A;单独访问页面A时,
编辑器能正常打开,可是通过点击一个tab的方式打开页面A,编辑器却无效,浏览器报
异常:Uncaught ReferenceError: KindEditor is not defined
我试过:在主页面 声明 可是不行

 <script type="text/javascript">
        $(function(){
            var editor;
            KindEditor.ready(function(K) {
                editor = K.create('textarea[name="content"]', {
                    uploadJson : '../editor/jsp/upload_json.jsp',
                    allowFileManager : true
                });

            });
        });
</script>

网上搜索过相关,可是解决不了,网上说是冲突,可是按照他那样写的又不行
求大神指导下,这个问题困扰了很久了。

0

3个回答

最新版本ke没有问题,可以生成编辑器ui,但是无法输入内容,不知道什么问题。。

你可以将kindeditor的js,css文件先导入你的html页面,给tabs增加load事件来生成ke,然后ajax加载的页面去掉ke的相关文件,这个可以编辑也没有错误

    <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
    <script src="../../jquery-1.5.1.js"></script>
    <script src="../../ui/jquery.ui.core.js"></script>
    <script src="../../ui/jquery.ui.widget.js"></script>
    <script src="../../ui/jquery.ui.tabs.js"></script>
    <link rel="stylesheet" href="../../../../kindeditor-4.1.7/themes/default/default.css" />
    <script charset="utf-8" src="../../../../kindeditor-4.1.7/kindeditor-min.js"></script>
    <script charset="utf-8" src="../../../../kindeditor-4.1.7/lang/zh_CN.js"></script>
    <script>
    $(function() {
        $( "#tabs" ).tabs({
            ajaxOptions: {
                error: function( xhr, status, index, anchor ) {
                    $( anchor.hash ).html(
                        "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                        "If this wouldn't be a demo." );
                }
            },
            load: function (e, ui) {
              if(ui.tab.innerHTML == '你的tab内容')  KindEditor.create('textarea[name="content"]', {
                    uploadJson : '../editor/jsp/upload_json.jsp',
                    allowFileManager : true
                });
            }
        });
    });
    </script>
-1

最新版本ke没有问题,可以生成编辑器ui,但是无法输入内容,不知道什么问题。。

0

最新版本ke没有问题,可以生成编辑器ui,但是无法输入内容,不知道什么问题。。

0
qq_30294489
qq_30294489 怎么解决的呢?
12 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
KindEditor在火狐浏览器上首次加载不能编辑内容,点击工具栏某些按钮之后,就可以编辑内容了
KindEditor在火狐浏览器上第一次加载不能编辑内容,但是点击工具栏一些能够点击的按钮之后,就可以编辑内容了。 这种问题在IE8上并没有出现 看到一个灵感启发的帖子,按照这篇文章说的https://blog.csdn.net/kavil321/article/details/13631513, 不能在页面初始化的时候就加载富文本编辑框,我试着给我的代码加一个点击事件,于是在页面初始化之后...
KindEditor上传图片问题
转自:http://www.cnblogs.com/java_cSharp/archive/2011/08/06/KindEditor_upload_image_plugin.html   前序:由于工作需要使用在线编辑器,找了几个对比了下KindEditor还是不错的,国产的.但文档还是不全,还好能参考官方插件,套出来一些插件.本文章分为4个部分,分别介绍图片上传插件、代码高亮插件、引用...
kindeditor使用可能遇到的问题
1. 音视频上传不能播放问题(使用自定义video标签) 更改kindeditor-all-min.js中的_mediaImg方法 function _mediaImg(blankPath, attrs) { if (attrs.src.indexOf(&quot;.mp4&quot;)!=-1||attrs.src.indexOf(&quot;.webm&quot;)!=-1) { var html ...
关于Kindeditor上传照片不回显的问题
项目中用到了Kindeditor,需要把图片上传到服务器上,然后并显示出来。以前一直显示不出来,一看路径是本地磁盘的路径这样是肯定显示不出来的,所以需要在后台把saveUrl修改一下就可以了。需要修改成相对路径,这样图片就能正常显示了 以下为Java代码: public Object fileUpload(){ String savePath=this.getCurSession().ge
kindeditor的使用和一些小问题。。。
1.首先引入kindedietor框架: script charset="utf-8"src="../kindeditor/kindeditor-all.js">script> script charset="utf-8"src="../kindeditor/lang/zh-CN.js">script> 2.编写标签 3.编写引入kindeditor。 var editor;
关于KindEditor 编辑器中表格的问题
#关于KindEditor 编辑器中表格的问题 今天开发项目中有一个需求,需要多个表格联合打印,但是多个表格中又需要有各自独立的表头,起初是直接调用浏览器的打印接口,但是出现的问题是,当需要打印的表格数据多时遇到跨页时会出现表格不会自动分页 出现这种很让人尴尬的情况,由于调用的是浏览器的接口而且大爷的纸张不同也有所区别,因此不能通过写死打印的记录条数来打印,因此想起了Kindeditor 富文本...
KindEditor中上传图片不回显的问题
图片服务器配置路径如图所示时: 图片回显请求地址为 回显地址中的"http://localhost:8080"多余,所以找不到回显图片, 将图片服务器的地址前加上"http://"后即可解决问题。
kindeditor图片上传后生成带域名绝对路径配置及提交空格无法保存解决方法
kindeditor图片上传后生成带域名绝对路径配置及提交空格无法保存解决方法。
kindeditor 复制粘贴 去除格式 设置
设置:pasteType : 1 就可以了 pasteType函数,默认值是2,设置为1 粘贴类型:0(禁止粘贴),1(纯文本粘贴),2(HTML粘贴)&lt;link rel="stylesheet" href="/editor/themes/default/default.css" /&gt;&lt;script charset="utf-8" src="/editor/kindedito...
kindeditor上传图片宽度自适应
目前大多数情况下编辑器上传的图片都是在手机端显示,因此默认设置为宽度100%显示,避免图片显示的大大小小不好看。 目前使用的kindeditor版本为4.0.5。 打开kindeditor.js文件,拉到3116行insertimage方法内,注释掉设置宽度的3行代码,直接写死100%,如下图所示: 如果需要更复杂的配置,也是改写这一小段即可。 ...
kindeditor实现回车发送,ctrl+回车换行
写在前面:我是前端的一个大瓜皮,以下内容全靠公司的刚哥才得以知悉,在他看不见的地方先谢过一次~~       直接上代码就行,一看便知,其实也是我想保留下一些想记忆的东西而已: KindEditor.ready(function(K) { editor = K.create('#message', { newlineTag : "br" , //
求 火狐对kindeditor 进行纯文本复制时,将其文本属性带入的问题
我从word上复制文本到这里粘贴,连带字体的大小、颜色都复制过来了
JAVA中使用kindeditor实现在线编辑文档
这是一个在线编辑文档的实例,用的kindeditor做插件,实现像iteye等网站一样的论文提交功能,资料源于网络。
kindeditor特殊符号被转义
kindeditor特殊符号被转义 kindeditor 编辑器添加图片、flash,还有视频时路径出错
easyUI和kindeditor的整合以及兼容问题处理
easyUI应用还是比较广泛的,可以较快速设计出一般的管理平台页面。 kindeditor也是一个比较老牌的富文本编辑器,虽然16年后没再更新了,但能满足绝大多数的需求。 但两者整合时还是会有一些兼容性问题,每次我都忘,网上也查不到,刚好写出来备忘。 kindeditor单独页面使用时,先引入jquery,这里我引用的是easyui带的,本身kindeditor4支持jquery到3.X版本 ...
完美解决kindeditor IE11看不到弹出框,兼容性问题
完美解决kindeditor IE11看不到弹出框,兼容性问题,并详解了发现问题的方法,与代码比对
关于kindeditor编辑器批量上传图片不显示添加图片按钮的问题
今天在项目里发现kindeditor编辑器批量上传图片不显示添加文件按钮,去官网看demo是有的,经过浏览器debug发现是由于 multiimage.js文件的一个时间参数传递的不对, 很奇怪,改为和官网一致的时间参数就可以了 将这个时间参数值改为1459230680558这个值就可以显示出添加图片按钮了
KindEditor 从数据库里取值样式不正常的问题解决
KindEditor 从数据库里取值样式不正常的问题解决,其实这是在用富文本编辑器时,由前台向后台传值的过程中,特殊字符被转义了,所以存到数据库里再取出来也就不是正常格式的内容了 解决方法: 第一种方法: 用Base64位编码解码, (1)前台编码 content = $.base64.encode(content); (2)后台解码 content = new Stri
春之虎翼---在thinkphp5中使用kindeditor所遇到的坑
一、第一个坑 (路径问题) 这里记得把上下所有路径都改成,你在thinkphp框架中kindeditor所在的路径。 二、第二个坑(名字对应) 在改好路径之后html页面依然不显示编辑框,原因是上下两处的名字不一致。 注意一定要保持红圈内的变量名字一致! 三、第三个坑(图片上传失败) 注意红圈的位置就是图片上传的时调用的php文件的位置,有时候这个位置是错误的,你可以自己定义位置也可以按照上...
彻底解决asp中KindEditor编辑器无法获得提交的数据
声明一下 关于asp中KindEditor编辑器无法获得提交的数据问题,折腾了两天才搞定的,真不容易,kindeditor编辑器很棒,兼容各种浏览器,是web开发者不错的选择。
KindEditor 4.1.10 IE11复制粘贴总是到文章末尾的BUG
177行,if增加||Yb条件 if(o||Yb){var s=f.range.get(!0); kindeditor-min.js /* KindEditor 4.1.10 (2013-11-23), Copyright (C) kindsoft.net, Licence: http://www.kindsoft.net/license.php */(function(w,
kindeditor富文本上传图片路径
以本机做服务起,当别的机器访问本机,并用富文本上传图片时出现如图: 解决方案: 注释掉替换路径代码
完美解决KindEditor手机弹出框显示问题
完美解决KindEditor手机弹出框显示问题 kindeditor是非常方便简单使用的富文本编辑器,也很符合国人的习惯,尤其是表情等应用,但是kindedtor在手机上的显示也是一个比较头疼的问题,百度了很多资料,发现并没有什么实质性的回答,后来研究了一下kindeditor.js,直接从源代码入手,解决在手机上显示的问题,尤其是解决图片上传弹出框的问题。
kindeditor图片上传后url不带域名问题终极解决方案
目前鉴定这是kindeditor的一个bug,网上有说初始化的时候设置urlType的值为domain,我自己测试之后还是不管用,下面给大家提供一个简单粗暴的方法,直接改源码, 把 url = url.substr(host.length); 这句代码注释掉就ok了,不同版本可能代码位置行可能不太一样,建议直接搜索这句话,然后注释掉即可。
修正kindeditor带base标签页面图片显示的问题
问题详见: [url]http://www.kindsoft.net/view.php?bbsid=5&amp;postid=2713[/url] [url]http://www.kindsoft.net/view.php?bbsid=4&amp;postid=6332&amp;cmtid=8839[/url] 原因:富文本编辑器的所见即所得功能是通过插入iframe实现的,如果iframe里面没有base标签...
富文本编辑器 Kindeditor 的使用和 常见错误
Kindeditor的  常见问题:批量上传 没有添加图片按钮 如图 原因: springMVC 拦截器是设置的html、css、js、jpg、png的不拦截请求,会拦截kindeditor/plugins/multiimage/images/swfupload.swf的显示,所以显示不出来报错404,只需要添加不拦截的.swf 文件即可。
解决 KindEditor编辑器4.1.7版本上传视频不能播放的问题
解决 KindEditor编辑器4.1.7版本上传视频不能播放的问题
解决kindeditor在ios下编辑区滚动条失效问题
现象:kindeditor的编辑区是用iframe实现的,但是倘若iframe里面的内容足够长超出iframe设定的高度时,在iphone,ipad等设备上。iframe内部的html的滚动条不出现,无法显示超过长度的内容。解决方式:可以在iframe外加一层div,设置样式-webkit-overflow-scrolling:touch;overflow:scroll;让超出div的内容可以通过...
KindEditor上传图片
KindEditor相关介绍以及下载可查看http://blog.csdn.net/mytt_10566/article/details/78062205。本篇主要关于上传图片,结合Spring MVC处理文件上传。 1.初始化编辑器 配置可参照KindEditor文档:http://kindeditor.net/docs/upload.html 文档中uploadJson属性配置的
kindeditor集成jmeditor公式web编辑器
kindeditor集成jmeditor公式web编辑器 已经集成好了直接配置好调用就行 版本为KindEditor 4.1.10 JMEditor-0.9.4
KindEditor上传组件在modal中点击无响应
今天在modal中加上了KindEditor上传组件,组件初始化已成功,但是点击“点击上传附件”按钮无响应,不弹出上传窗口。尝试了百度提供的各种诸如修改z-index值、去掉modal的遮罩层、在弹出modal时初始化上传插件等方案均不生效。最后,在调试查看各组件的css属性时,找到了问题: 如图所示,在初始化后的上传组件中,响应上传事件的部分宽度为0.因此,点击无响应的原因主要是,实际上,...
使用ThinkPHP上传类处理KindEditor上传的图片
KindEditor作为一款可视化的HTML编辑器用起来确实比较方便,其本身也自带了图片上传的处理 这里修改为TP上传处理图片,是为了保证上传图片的方便(目录独立于编辑器,便于增加水印等处理) 第一步:在模板html页面引入如下文件:   KindEditor.ready(function(K) { var editor1 = K.cr
KindEditor设置字数限制(+光标问题解决)
//参考 https://blog.csdn.net/myweishanli/article/details/25800185 initKindEditer : function() { KindEditor.ready(function(K) { var editor = K.create('#detail', { cssPath : '', ...
KindEditor上传文件时报500错误
kindeditor4.1.11版本 编辑器放在移动端网页访问默认为HTML编辑
在kindeditor-all.js找到 if (_MOBILE &amp;amp;&amp;amp; (!_IOS || _V &amp;lt; 534)) { self.designMode = false; } 在4855行,注释掉就OK了
kindeditor的使用心得
kindeditor的使用心得因需要寻找编辑器控件,搜索万千总算找到一款满意的编辑器即kindeditor,以下是第一次使用kindeditor的心得及所遇到的问题:一、官网下载:http://kindeditor.net/down.php二、下载下来有多种语言课根据需要选择自己的语言:并引入自己的项目中注:attached,为图片及文件上传存放的路径需要自己建立。三、修改js中的后端访问路径  ...
kindeditor使用中的问题与解决
kindeditor JS代码: KindEditor.ready(function (K) { var editor = K.create('textarea[name="article.content1"]', { cssPath: '../../kindeditor/plugins/code/prettify.css', uploadJso
KindEditor与jwplayer集成,优化kindEditor播放mp4视频不能边下载边播放的问题
kindeditor内置播放器不支持mp4格式视频,并且非边下载边播放模式,该模式导致视频需要整个下载下来后才能播放,用户等待时间较长。该方案结合jwplayer这款优秀的播放器进行集成。解决kindeditor播放的问题。 该资源使用vs搭建项目,可以直接下载运行。
富文本编辑器 kindeditor 的使用
因为最近要做一个学校的项目,重新复习一下富文本编辑器的使用1.下载kindeditor :直接去官网下载2.导入    下载解压完之后是这样的:&amp;lt;/br&amp;gt;       除了asp,asp.net,php 其余的直接ctrl+v 到webapp下 即可  3.引入:&amp;lt;script type=&quot;text/javascript&quot; src=&quot;../../kindeditor-all.js...
[KindEditor] 这些年劳资踩过的坑
Q: K(nodes).addClass("myclassname"); K(nodes).removeClass("myclassname"); 不起作用? A: 是的。可以这么写: nodes.forEach(function(elem,i,arr){ K(elem).addClass("myclassname"); }) Q: K(nodes).unbind("click"