kindeditor编辑器跨域问题求解

在后台站点的kindeditor编辑器里上传图片,资源服务器是另外一个域名,根域名相同,二级域名不同,图片能上传成功,但一直提示上传中,请稍后的提示框,F12看到如下错误信息:

Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://admin.test.com" from accessing a frame with origin "http://img.test.com". Protocols, domains, and ports must match.

初步分析,应该是跨域问题,js里加过document.domain,资源站点后端代码也加过context.Response.AddHeader("Access-Control-Allow-Origin", "http://admin.test.com");但这两种方法都没效果,研究了下kindeditor的源码,无奈功力太浅,不知道如何修改,请高手指点一二,谢谢!

1个回答

个人已找到解决方案,现已整理到简书上
https://www.jianshu.com/p/27e9ed4e7ff8
简书地址

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
跨域问题求解
本地的jsp通过iframe访问别的应用下jsp,session失效,发生跨域问题,这被访问方的jsp中添加如下一句话:response.setHeader("P3P","CP='IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT'"); 发先跨域问题仍然存在,怎么解决一下? 求解 rn
kindeditor编辑器
kindeditor编辑器,支持php,很好用的的编辑器
KindEditor编辑器
KindEditor编辑器 实现上传图片 编辑样式
编辑器kindeditor
编辑器kindeditor
KindEditor 编辑器
NULL 博文链接:https://yangpanwww.iteye.com/blog/700160
kindeditor 编辑器
非常好用的网页编辑环境,提供各种标签,大大加速了网站的制作,也是目前最流行的工具
kindEditor编辑器
KindEditor是基于浏览器的所见即所得(WYSWYG)HTML编辑器,主要应用于CMS、论坛、博客等WEB程序里。 这次版本主要修复了3.2版本的BUG,修改文件只涉及到kindeditor.js,建议使用3.2版本的用户可以直接覆盖kindeditor.js
KindEditor 远程上传跨域
kindeditor 引入KindEditor 相关js <script type="text/javascript" src="static/js/kindeditor-4.1.10/kindeditor-all.js"&amp
kindeditor跨域问题解决
kindeditor跨域问题解决今天在做一个项目时,用到了kindeditor富文本编辑器的图片上传和回显功能,一开始使用原生的jsp页面上传,后来觉得官方既然不推荐就实现了后端上传,但是实现的过程中踩了几个大坑,折腾了我一下午,看来还是技术不精,学艺不深啊。在此,特意感谢一下博主:https://www.jianshu.com/p/27e9ed4e7ff81.kindeditor默认支持在一个工...
跨域问题求解答
我的主机启动了一服务,另一个主机访问,每当页面显示出来的时候就弹出跨域问题,如下:尝试向 URI“http://192.168.111.61:8080/pas/services/LayoutService”发出请求时出错。这可能是由于试图以跨域方式访问服务而又没有正确的跨域策略,或策略不适用于 SOAP 服务。您可能需要与该服务的所有者联系,以发布跨域策略文件并确保该文件允许发送 SOAP 相关的 HTTP 标头。出现此错误也可能是由于使用的是 Web 服务代理中的内部类型而没有使用 InternalsVisibleToAttribute 属性。有关详细信息,请参阅内部异常。rn我将两个跨域文件都放在了tomcat的root文件下面,可以依然显示的上面的问题,该如何解决,求解答,求启发。
HTML跨域问题求解。。。。。
被一个恶心的问题卡了几天了,只好求助大神。。。。后端Java,前端HTML,放到服务器上以后报错 No 'Access-Control-Allow-Origin' header is present on the requested resource,看攻略设置过了filter。。有显示了但是好像没效果。。。(jsonp看不太懂)chrome里面明明已经出现这个了 可还是报这个错,network里面是这么显示的(我是GIT下来的,JRE:eclipse,Server:tomcat,模式:maven,浏览器:Chrome):rn[code=text]rnGeneral:rn Request URL:http://localhost:8080/BIM/rn Request Method:GETrn Status Code:304 Not Modifiedrn Remote Address:[::1]:8080rnResponse Headers:rn Access-Control-Allow-Headers:Content-Type,api_key,Authorization,X-Requested-With,Accept,Origin,Last-Modifiedrn Access-Control-Allow-Method:GET,POST,PUT,DELETE,HEAD,OPTIONSrn Access-Control-Allow-Origin:http:/IP:8080/*rn Date:Mon, 19 Sep 2016 07:00:52 GMTrn ETag:W/"1586-1473818917970"rn Server:Apache-Coyote/1.1rnRequest Headers:rn Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8rn Accept-Encoding:gzip, deflate, sdchrn Accept-Language:zh-CN,zh;q=0.8rn Cache-Control:max-age=0rn Connection:keep-alivern Cookie:Idea-81111fc3=709636a5-614f-4e8f-92e8-c48199b380d2rn Host:localhost:8080rn If-Modified-Since:Wed, 14 Sep 2016 02:08:37 GMTrn If-None-Match:W/"1586-1473818917970"rn Upgrade-Insecure-Requests:1rn User-Agent:Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Saf ari/537.36rn[/code]rnrn求大腿给个具体实施步骤(例:在**加**,用来**),这个是我的具体的代码, 顺便请大腿给点代码上的建议(我是自学的。。。没有系统的学过。。所以好多都是模仿着来,跪求指导)rn前端ajax请求:rnrn[code=javascript]rn//显示项目列表rnfunction loadProjectList()rn$("#pro_ul").empty();rn$.ajax(rnurl:path+"/pro_managmt/showAll_project", //path:var path = "http://IP:8080/project"rntype:"GET",rndataType:"json",rnsuccess:function(result)rnvar s= result.data;rn//循环集合rnfor(var i=0;i元素rncreateProjectLi(pro_id,pro_name,pro_create_date,pro_introduction);rnrn,rnerror:function()rnalert("加载项目列表失败");rnrn);rn;rn[/code]rnrnrn//Controller部分rn[code=java]rnrn@Controllerrn@RequestMapping("/pro_managmt")rnpublic class Pro_Controller rn@ResourcernProject_EnService project_EnService; rn//加载项目列表rn@RequestMapping("/showAll_project")rn@ResponseBodyrnpublic ReturnResult> execute_findAll_pro()rnReturnResult> result = project_EnService.loadAllProject();rnreturn result;rnrn[/code]rnrn//Service部分rn[code=java]rnpublic interface Project_EnService rnpublic ReturnResult> loadAllProject();rn[/code]rnrnrn//ServiceImpl部分rn[code=java]rn@Service("project_EnService")rnpublic class Project_EnServiceImpl implements Project_EnService rn@ResourcernProject_enDao project_enDao;rn//加载项目列表rnpublic ReturnResult> loadAllProject()rnList list=project_enDao.findAllProject();rnReturnResult> result = new ReturnResult>();rnresult.setStatus(0);rnresult.setMsg("加载成功");rnresult.setData(list);rnreturn result;rnrn[/code]rn/***************无***************脑***************的***************分***************割***************线***************/rn//Dao部分rn[code=java]rnpublic interface Project_enDao rnpublic List findAllProject();rnrn[/code]rn/***************无***************脑***************的***************分***************割***************线***************/rnrn网上找来的写拦截器的代码是:rn[code=java]rnpublic class CORSfilter implements Filter rnrn /**rn * Default constructor. rn */rn public CORSfilter() rn rnrn/**rn * @see Filter#destroy()rn */rnpublic void destroy() rn// TODO Auto-generated method stubrnrnrn/**rn * @see Filter#doFilter(ServletRequest, ServletResponse, FilterChain)rn */rnpublic void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException rn// place your code herernHttpServletResponse httpResponse=(HttpServletResponse) response;rnhttpResponse.setHeader("Access-Control-Allow-Origin", "http://IP:8080/* ");rnhttpResponse.setHeader("Access-Control-Allow-Headers", rn"Content-Type,api_key,Authorization,X-Requested-With,Accept,Origin,Last-Modified"); rnhttpResponse.setHeader("Access-Control-Allow-Method", "GET,POST,PUT,DELETE,HEAD,OPTIONS"); rnrn// pass the request along the filter chainrnchain.doFilter(request, response);rnrn/**rn * @see Filter#init(FilterConfig)rn */rnpublic void init(FilterConfig fConfig) throws ServletException rn// TODO Auto-generated method stubrnrnrn[/code]rnrnrn对应的web.xml配置文件代码:rn[code=java] rnrn CORSfilterrn CORSfilterrn com.uncommonat.util.CORSfilterrn rn rn CORSfilterrn /*rn rn[/code]
kindeditor编辑器的使用
kindeditor编辑器使用方法!编辑器 下载 编辑器 免费下载
HTML编辑器KindEditor
KindEditor 是基于浏览器的所见即所得HTML编辑器,是 Kindsoft 正式推出的第一个产品。 kindsoft.net 为 Kindsoft 工作室的官方网站,作为本程序的开发作者,依法拥有KindEditor 的著作权。
thinkphp整合kindeditor编辑器
罗飞发布的Thinkphp编辑器扩展将让你轻松实现删除内容同时删除图片。并且你能很方便的制定上传权限,不会给网站遗留漏洞。 此编辑器扩展内集成的是kindeditor。以前配置编辑器都是用js配置, 用这个扩展,直接定义对象属性即可,并且内置一些快速配置方法。比如要实现ctrl+enter提交表单, 只有定义属性$ke->afterCreate=”ctrlenter” 即可。
kindEditor编辑器插件
[size=12px][b]插入图片路径为null,网上找了好多都没解决方案。 就好比CSDN这个编辑器。[/b][/size][img=https://img-bbs.csdn.net/upload/201308/05/1375681343_403162.jpg][/img]
kindEditor编辑器示例
KindEditor.ready(function(K) { var editor1 = K.create('#content1', { themeType :'default', cssPath : 'kindeditor/plugins/code/prettify.css', uploadJson : 'kindeditor/jsp/upload_json.jsp', fileManagerJson : 'kindeditor/jsp/file_manager_json.jsp', allowFileManager : true, useContextmenu : false, items : [ 'preview', 'print',' ','fontname','fontsize','|','bold', 'italic', 'underline', 'strikethrough', '|','forecolor','hilitecolor', '|', 'justifyleft', 'justifycenter', 'justifyright','|', 'insertorderedlist', 'insertunorderedlist', '|','image','media','insertfile','link' ,' ' ,' ', ,' ' ,' ', ,' ' ,' ',' ' ,' ' ,' ' ,' ' ,' ' ,' ' ,' ' ,' ' ,'fullscreen' ], filterMode : false, afterCreate : function() { var self = this; K.ctrl(document, 13, function() { self.sync(); document.forms['example'].submit(); }); K.ctrl(self.edit.doc, 13, function() { self.sync(); document.forms['example'].submit(); }); } }); prettyPrint(); });
KindEditor:PHP+HTML编辑器
KindEditor:PHP+HTML编辑器 KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。
Kindeditor批量上传,编辑器
.NET写了个KindEditor编辑器和图片批量上传的DEMO,VS直接打开就可以看到效果。童叟无欺,简单明了
MVC5配置KindEditor编辑器
环境说明: vs2015+sql server2014 ASP.NET MVC5 kindeditor下载地址http://kindeditor.net/demo.php 具体步骤 1.将解压后kindeditor复制到网站根目录(我删除了一些不必要的文件),目录结构如下图: 2.添加引用kindeditor/asp.net/bin/LitJSON.dll文件 3.建
kindeditor编辑器的应用
1.导入kindeditor包 2.添加相应的js引用 <script src="jquery-easyui-1.4.5/jquery.min.js"></script> <script src="kindeditor/kindeditor-all-min.js"></script> <script src="kindeditor/lang/zh-CN.js"></script>
java常用的编辑器之kindeditor
先上图,没图差不多就看不下去的,我懂! 来个毛爷的,看着好像就能发财一样。。。。 首先下载必要的文件和jar包:http://download.csdn.net/detail/xb12369/9516909 代码的结构: 1. 【资源文件】解压zip文件,将editor复制到项目的的webapps目录下。 2. 【jar包】将kindedi
php富文本编辑器之kindeditor编辑器
php富文本编辑器之kindeditor编辑器
国产开源编辑器kindeditor
找到一个国产开源编辑器,小巧,国产,好!!!功能强大,自由修改,简单,方便!
很好用的编辑器kindeditor
很好用的编辑器kindeditor编辑器,可批量上传文件。
Kindeditor编辑器Demo
* 文件名:kindeditor编辑器功能强大,实现了文本格式,包含图片,视频以及flash以及动态地图的上传实现。 * 文件功能描述: 本次常用代码封装为编辑器的实用。 * 实用该编辑器注意事项: * 第一步: 需要把kindeditor全部加入到项目中,本实例已经加入中 * 第二步: 在新添加的页面<head>..................</head>中加入以下代码 ------------------------------------------------------------------------------------------- <%-- 引用jquery--%> <script src="JS/jquery.js" type="text/javascript"></script> <%-- 引用kindeditor--%> <script src="kindeditor/kindeditor.js" type="text/javascript"></script> <link rel="stylesheet" href="kindeditor/themes/default/default.css" /> <link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" /> <script type="text/javascript" charset="utf-8" src="kindeditor/lang/zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="kindeditor/plugins/code/prettify.js"></script> --------------------------------------------------------------------------------------------- *第三步:也是比较重要的一步,在web.config需要配置一些参数 1.<appSettings>.......</appSettings>节点中配置 <appSettings> <!--kindeditor上传图片,视频,文件的配置--> <add key="ImageSize" value="600000" /> <add key="AdImgURL" value="~/UpFile/image/" /> <add key="Attach_Size" value="102400000"/> <add key="Attach_Image" value="gif,jpg,jpeg,png,bmp"/> <add key="Attach_Flash" value="swf,flv"/> <add key="Attach_Media" value="swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb"/> <add key="Attach_File" value="doc,docx,xls,xlsx,ppt,pptx,pdf,htm,html,txt,js,zip,rar,gz,7z,bz2"/> </appSettings> 2.<system.web>............</system.web>节点中加入以下代码 <!--kindeditor的配置需要设置,pages validateRequest="false" --> <httpRuntime requestValidationMode="2.0" maxRequestLength="2097151" executionTimeout="3600"/> <pages validateRequest="false"> </pages> * 第四步:需要注意的细节 1.在增加的时候获取字符串需要进行 Server.HtmlEncode(string)处理 2.在编辑查看的时候获取字符串需要进行 Server.HtmlDecode(string)处理 * 邮箱:liangjw0504@163.com * QQ号码: 592568532 * 备注信息: 上传部分自己总结的常用方法的封装,有不足和不完美之处,希望大家指出来,愿意一起 * 主要研究erp,cms,crm,b2b,oa等系统和网站的开发,欢迎有共同追求和学的IT人员一起学习和交流。 * 学习和讨论有关asp.net mvc ,Ajax ,jquery ,xml ,sqlserver ,wpf,IIS相关技术的交流和学习。
kindeditor富文本框编辑器
kindeditor富文本框编辑器 script type="text/javascript"> var validator = null; $(function(){ KE.show({ id : 'content', imageUploadJson : 'upload_json.jsp', fileManagerJson : 'file_manager_json.jsp', allowFileManager : true, afterCreate : function(id) { KE.event.ctrl(document, 13, function() { KE.util.setData(id); document.forms['example'].submit(); }); KE.event.ctrl(KE.g[id].iframeDoc, 13, function() { KE.util.setData(id); document.forms['example'].submit(); }); } }); }); </script>
kindeditor编辑器jsp版
jsp版在线编辑器,支持上传本地图片,上传附件等功能
kindeditor编辑器问题
我想更改创建好的编辑器外观,查了文档,说是要我新建一个css文件,并且引用进来,同时在创建kindeditor的时候指定themetype参数为css文件的父文件夹名,发现可以完成,但是现在我需要创建第二个kindeditor编辑器,我希望他的样式是默认的,于是我指定themetype值为default,但我发现创建的第二个kindeditor的样式跟第一个一样,在火狐里面查看,发现新建的css文件样式覆盖了默认的样式,有哪位大虾知道如何处理不,谢谢
kindeditor插件实现编辑器
下载,解压 根据对应的语言,删除其他,比如我用的是java,就留下了jsp,删除了asp asp.net php examples 引入 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script> <script type="text/javascript
清空KindEditor编辑器内容
//创建 var editor = KindEditor.create("textarea[name='desc']", {....}); //清空kindeditor的内容 editor.html("");
KindEditor编辑器的学习
KindEditor编辑器的学习官网:http://kindeditor.net/demo.phpKindEditor的使用和上传图片的后台处理:https://www.cnblogs.com/mfc-itblog/p/5163993.html
KindEditor编辑器的使用
KindEditor编辑器是一款不错的编辑器插件,在开发项目中可以直接拿来使用,本文则是现在身为小白的我在对KindEditor编辑器整合到项目中所写的真实性项目使用KindEditor的一次项目记录,当然,不喜勿喷,我只是在记录自己的学习之旅! 好了,现在开始进入正式的话题了,要想使用KindEditor编辑器,我们首先需要要去KindEditor编辑器的官网去下载KindEditor,下载网...
前端编辑器-kindeditor的使用
项目中用到了编辑器,就来科普了一下,由于不懂什么php,asp什么的,兜了一圈!调用这个插件的时候还需要还需要依赖于show_ads.js,本事只是提供参考,更多的API请参考官网:http://kindeditor.net/doc.php kindeditor --> $(funct
KindEditor html html编辑器
KindEditor html html编辑器 KindEditor html html编辑器 KindEditor html html编辑器
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数