关于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 怎么解决的呢?
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
KindEditor在火狐浏览器上首次加载不能编辑内容,点击工具栏某些按钮之后,就可以编辑内容了
KindEditor在火狐浏览器上第一次加载不能编辑内容,但是点击工具栏一些能够点击的按钮之后,就可以编辑内容了。nn这种问题在IE8上并没有出现nn看到一个灵感启发的帖子,按照这篇文章说的https://blog.csdn.net/kavil321/article/details/13631513,nn不能在页面初始化的时候就加载富文本编辑框,我试着给我的代码加一个点击事件,于是在页面初始化之后...
KindEditor上传图片问题
rn转自:http://www.cnblogs.com/java_cSharp/archive/2011/08/06/KindEditor_upload_image_plugin.htmlrn rn前序:由于工作需要使用在线编辑器,找了几个对比了下KindEditor还是不错的,国产的.但文档还是不全,还好能参考官方插件,套出来一些插件.本文章分为4个部分,分别介绍图片上传插件、代码高亮插件、引用...
kindeditor使用可能遇到的问题
1. 音视频上传不能播放问题(使用自定义video标签)nn更改kindeditor-all-min.js中的_mediaImg方法nnnfunction _mediaImg(blankPath, attrs) {nn if (attrs.src.indexOf(&quot;.mp4&quot;)!=-1||attrs.src.indexOf(&quot;.webm&quot;)!=-1) {n var html ...
关于Kindeditor上传照片不回显的问题
项目中用到了Kindeditor,需要把图片上传到服务器上,然后并显示出来。以前一直显示不出来,一看路径是本地磁盘的路径这样是肯定显示不出来的,所以需要在后台把saveUrl修改一下就可以了。需要修改成相对路径,这样图片就能正常显示了rn以下为Java代码:rnpublic Object fileUpload(){n String savePath=this.getCurSession().ge
kindeditor的使用和一些小问题。。。
1.首先引入kindedietor框架:rnscript rncharset="utf-8"src="../kindeditor/kindeditor-all.js">script>rnscript rncharset="utf-8"src="../kindeditor/lang/zh-CN.js">script>rn2.编写标签rn3.编写引入kindeditor。rnrnvar editor;
kindeditor引入Java程序遇到的问题
1 文件引入后不能同步的问题nnn加上一个同步,就可以了n2 上传问题n将jar报加到tomact的路径之中n3 路径不存在n在根目录下创建kindeditor/attach目录 并且将 upload_json.jsp代码替换n n n n n n n n n n<% n//文件保存目录路径 n//存放在\kindeditor\
完美解决kindeditor IE11看不到弹出框,兼容性问题
完美解决kindeditor IE11看不到弹出框,兼容性问题,并详解了发现问题的方法,与代码比对
KindEditor&nbsp;配置和常见问题
在用nCKEditor 的同时接触到 KindEditorn风格更时候中国人的编辑习惯,但是各种开源编辑器都需要有一个配置的过程,下面详细分析一下:nn配置和常见问题" TITLE="KindEditor 配置和常见问题" />nn一n简单使用方法nn1.n把所有文件上传到程序所在目录下,例如:http://你的域名/editor/。n2.n在此目录下创建attached文件夹,并把权限改成77
KindEditor中上传图片不回显的问题
图片服务器配置路径如图所示时:nn图片回显请求地址为n回显地址中的"http://localhost:8080"多余,所以找不到回显图片,n将图片服务器的地址前加上"http://"后即可解决问题。
kindeditor图片上传后生成带域名绝对路径配置及提交空格无法保存解决方法
kindeditor图片上传后生成带域名绝对路径配置及提交空格无法保存解决方法。
kindeditor 复制粘贴 去除格式 设置
设置:pasteType : 1 就可以了nnpasteType函数,默认值是2,设置为1nn粘贴类型:0(禁止粘贴),1(纯文本粘贴),2(HTML粘贴)&lt;link rel="stylesheet" href="/editor/themes/default/default.css" /&gt;&lt;script charset="utf-8" src="/editor/kindedito...
kindeditor4.1.11版本 编辑器放在移动端网页访问默认为HTML编辑
在kindeditor-all.js找到nnnif (_MOBILE &amp;amp;&amp;amp; (!_IOS || _V &amp;lt; 534)) {n self.designMode = false;n}nn在4855行,注释掉就OK了
完美解决KindEditor手机弹出框显示问题
完美解决KindEditor手机弹出框显示问题n kindeditor是非常方便简单使用的富文本编辑器,也很符合国人的习惯,尤其是表情等应用,但是kindedtor在手机上的显示也是一个比较头疼的问题,百度了很多资料,发现并没有什么实质性的回答,后来研究了一下kindeditor.js,直接从源代码入手,解决在手机上显示的问题,尤其是解决图片上传弹出框的问题。
kindeditor图片上传后url不带域名问题终极解决方案
目前鉴定这是kindeditor的一个bug,网上有说初始化的时候设置urlType的值为domain,我自己测试之后还是不管用,下面给大家提供一个简单粗暴的方法,直接改源码,n把 url = url.substr(host.length); 这句代码注释掉就ok了,不同版本可能代码位置行可能不太一样,建议直接搜索这句话,然后注释掉即可。
kindeditor特殊符号被转义
kindeditor特殊符号被转义 kindeditor 编辑器添加图片、flash,还有视频时路径出错
关于KindEditor 编辑器中表格的问题
#关于KindEditor 编辑器中表格的问题n今天开发项目中有一个需求,需要多个表格联合打印,但是多个表格中又需要有各自独立的表头,起初是直接调用浏览器的打印接口,但是出现的问题是,当需要打印的表格数据多时遇到跨页时会出现表格不会自动分页nn出现这种很让人尴尬的情况,由于调用的是浏览器的接口而且大爷的纸张不同也有所区别,因此不能通过写死打印的记录条数来打印,因此想起了Kindeditor 富文本...
easyUI和kindeditor的整合以及兼容问题处理
easyUI应用还是比较广泛的,可以较快速设计出一般的管理平台页面。nkindeditor也是一个比较老牌的富文本编辑器,虽然16年后没再更新了,但能满足绝大多数的需求。n但两者整合时还是会有一些兼容性问题,每次我都忘,网上也查不到,刚好写出来备忘。nnkindeditor单独页面使用时,先引入jquery,这里我引用的是easyui带的,本身kindeditor4支持jquery到3.X版本nn...
JAVA中使用kindeditor实现在线编辑文档
这是一个在线编辑文档的实例,用的kindeditor做插件,实现像iteye等网站一样的论文提交功能,资料源于网络。
KindEditor上传图片
KindEditor相关介绍以及下载可查看http://blog.csdn.net/mytt_10566/article/details/78062205。本篇主要关于上传图片,结合Spring MVC处理文件上传。nnn1.初始化编辑器n配置可参照KindEditor文档:http://kindeditor.net/docs/upload.htmln文档中uploadJson属性配置的
KindEditor 从数据库里取值样式不正常的问题解决
KindEditor 从数据库里取值样式不正常的问题解决,其实这是在用富文本编辑器时,由前台向后台传值的过程中,特殊字符被转义了,所以存到数据库里再取出来也就不是正常格式的内容了rn解决方法:rn第一种方法:rnrn用Base64位编码解码,rn(1)前台编码rnrncontent = $.base64.encode(content);rnrn(2)后台解码rncontent = new Stri
KindEditor与jwplayer集成,优化kindEditor播放mp4视频不能边下载边播放的问题
kindeditor内置播放器不支持mp4格式视频,并且非边下载边播放模式,该模式导致视频需要整个下载下来后才能播放,用户等待时间较长。该方案结合jwplayer这款优秀的播放器进行集成。解决kindeditor播放的问题。 该资源使用vs搭建项目,可以直接下载运行。
kindeditor实现回车发送,ctrl+回车换行
写在前面:我是前端的一个大瓜皮,以下内容全靠公司的刚哥才得以知悉,在他看不见的地方先谢过一次~~rn      直接上代码就行,一看便知,其实也是我想保留下一些想记忆的东西而已:rnKindEditor.ready(function(K) {n editor = K.create('#message', {n newlineTag : "br" , n //
解决kindeditor在线编辑器 过滤dl、dd、dt的两种方法
n&amp;lt;div id=&quot;operate&quot;&amp;gt;rn&amp;lt;dl&amp;gt; rn&amp;lt;dt&amp;gt;数字遗产保险箱操作方式&amp;lt;/dt&amp;gt;rn&amp;lt;dd&amp;gt;数字遗产保险箱是一个具有数据继承功能的在线数据存储网站。&amp;lt;/dd&amp;gt; rn&amp;lt;dd&amp;gt;我们为您提供免费服务,您可以添加无限的数字资产、网络遗书和受益人。&am
[KindEditor] 这些年劳资踩过的坑
Q: K(nodes).addClass("myclassname"); K(nodes).removeClass("myclassname"); 不起作用?nA: 是的。可以这么写:nnodes.forEach(function(elem,i,arr){n K(elem).addClass("myclassname");n})nnnQ: K(nodes).unbind("click"
春之虎翼---在thinkphp5中使用kindeditor所遇到的坑
一、第一个坑 (路径问题)rnrn这里记得把上下所有路径都改成,你在thinkphp框架中kindeditor所在的路径。rn二、第二个坑(名字对应)rn在改好路径之后html页面依然不显示编辑框,原因是上下两处的名字不一致。rnrn注意一定要保持红圈内的变量名字一致!rn三、第三个坑(图片上传失败)rnrn注意红圈的位置就是图片上传的时调用的php文件的位置,有时候这个位置是错误的,你可以自己定义位置也可以按照上...
富文本编辑器 Kindeditor 的使用和 常见错误
Kindeditor的 nnnnn常见问题:批量上传 没有添加图片按钮nn如图nnn原因: springMVC 拦截器是设置的html、css、js、jpg、png的不拦截请求,会拦截kindeditor/plugins/multiimage/images/swfupload.swf的显示,所以显示不出来报错404,只需要添加不拦截的.swf 文件即可。
彻底解决asp中KindEditor编辑器无法获得提交的数据
声明一下 关于asp中KindEditor编辑器无法获得提交的数据问题,折腾了两天才搞定的,真不容易,kindeditor编辑器很棒,兼容各种浏览器,是web开发者不错的选择。
HTML编辑器kindeditor.js开头老是省略空格键
文章开头的空格键老是被去掉。rn查资料得:rnrnrn但我的是用kindeditor.min.jsrn所以:
asp中kindEditor编辑器使用方法_附带实际案例
kindEditor编辑器使用方法_附带实际案例(asp下面的例子,php .net java下雷同)此方法主要讲述KindEditor编辑器无法获得提交的数据问题
kindeditor富文本上传图片路径
以本机做服务起,当别的机器访问本机,并用富文本上传图片时出现如图:nnn解决方案:nnnnnnnnn注释掉替换路径代码
KindEditor 4.1.10 IE11复制粘贴总是到文章末尾的BUG
177行,if增加||Yb条件rnrnif(o||Yb){var s=f.range.get(!0);rnrnrnkindeditor-min.jsrnrn/* KindEditor 4.1.10 (2013-11-23), Copyright (C) kindsoft.net, Licence: http://www.kindsoft.net/license.php */(function(w,
解决 KindEditor编辑器4.1.7版本上传视频不能播放的问题
解决 KindEditor编辑器4.1.7版本上传视频不能播放的问题
kindeditor集成jmeditor公式web编辑器
kindeditor集成jmeditor公式web编辑器 已经集成好了直接配置好调用就行 版本为KindEditor 4.1.10 JMEditor-0.9.4
KindEditor 点击上传图片遮罩太大或白屏解决方案
在kingeditor/themes/default/default.css文件中找到nn/* dialog */.ke-dialog {n position: absolute;n top: 30%;n left: 30%;n margin: 0;n padding: 0;n}nn添加红色css属性,即可n...
kindeditor + video修正版
修改之前版本视频不能锁定bug
KindEditor上传组件在modal中点击无响应
今天在modal中加上了KindEditor上传组件,组件初始化已成功,但是点击“点击上传附件”按钮无响应,不弹出上传窗口。尝试了百度提供的各种诸如修改z-index值、去掉modal的遮罩层、在弹出modal时初始化上传插件等方案均不生效。最后,在调试查看各组件的css属性时,找到了问题:nnnn如图所示,在初始化后的上传组件中,响应上传事件的部分宽度为0.因此,点击无响应的原因主要是,实际上,...
kindeditor在dialog弹出框,无法编辑,不能获取焦点
问题描述:kindeditor在dialog弹出框,无法编辑,不能获取焦点 rnrnrnrnrn问题解决办法:rn1.去掉页面或js初始化Kindeditor的操作rn2.所有的初始化Kindeditor操作,由dialog操作rn代码如下:rnrnfunction jaes_dialog(){rn    $("#div_controls").dialog({  rn        title:
解决kindeditor在ios下编辑区滚动条失效问题
现象:kindeditor的编辑区是用iframe实现的,但是倘若iframe里面的内容足够长超出iframe设定的高度时,在iphone,ipad等设备上。iframe内部的html的滚动条不出现,无法显示超过长度的内容。解决方式:可以在iframe外加一层div,设置样式-webkit-overflow-scrolling:touch;overflow:scroll;让超出div的内容可以通过...
使用ThinkPHP上传类处理KindEditor上传的图片
KindEditor作为一款可视化的HTML编辑器用起来确实比较方便,其本身也自带了图片上传的处理rn这里修改为TP上传处理图片,是为了保证上传图片的方便(目录独立于编辑器,便于增加水印等处理)rnrnrnrnrn第一步:在模板html页面引入如下文件:rnrnrn rnrnrnrnrnrnrnrnKindEditor.ready(function(K) {rnvar editor1 = K.cr
富文本编辑器 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...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 关于大数据培训 关于云计算