百度ueditor编辑器动态获取项目根目录

编辑器的 jsp\config.json 文件里面有个 imageUrlPrefix 这里指定的是“上传图片访问路径前缀”，即项目根目录，如果是跨域(远程)操作的话,需要写上服务器的公网ip地址和项目名称，否则上传图片的时候会无法显示，因此，我们在不同的器部署的时候都需要做不同的配置,有没有办法让其自动获取到当前项目的路径呢，我这里有一个小方法，和大家分享一下。

编辑 ueditor.all.js

1、里面添加以下JS：
//================开始====================
/*** 获取项目的根路径*/
function getRootPath(){//获取当前网址，如： http://localhost:8080/xxx/xxxxx/xxx/xxxxxxx.jspvar curWwwPath = window.document.location.href;//获取主机地址之后的目录，如： /xxx/xxxxx/xxx/xxxxxxx.jspvar pathName = window.document.location.pathname;var pos = curWwwPath.indexOf(pathName);//获取主机地址，如： http://localhost:8080var localhostPath = curWwwPath.substring(0, pos);//获取带"/"的项目名，如：/xxxvar projectName = localhostPath+pathName.substring(0, pathName.substr(1).indexOf('/') + 1)+"/";return projectName;
}
var rootUrl = getRootPath();
//================结束====================2、搜索  "link = me.options.imageUrlPrefix + json.url"  ，将其替换成以下写法：link = rootUrl + json.url;OK,如此即可正常访问，只是需要注意一点，如果是在服务器本身访问项目，切记不要使用localhost和127.0.0.1作为ip，一定要使用公网IP,因为编辑器会将这个地址存入数据库，你在服务器本身访问没有问题，但是如果用其他机器访问就访问不到了.

转载于:https://blog.51cto.com/1197822/2157191

百度ueditor编辑器动态获取项目根目录相关推荐

Java中动态获取项目根目录和tomcat的绝对路径
序言在开发过程中经常会用到读写文件,其中就必然涉及路径问题.使用固定的绝对路径当然很方便,但会导致程序的可移植性差,比如在代码中写死了要在E盘建一个文件,而移植后的环境中木有E盘,那就只能改代码:又 ...
[转]百度UEditor编辑器(php)
百度UEditor编辑器!合入PHP网站! 一.富文本内容交互 1.编辑器内容初始化(即往编辑器中设置富文本) 场景一:写新文章,编辑器中预置提示.问候等内容. 在editor_config.js文件 ...
百度UEditor编辑器,合入PHP网站
本文转自:http://www.cnblogs.com/losen/archive/2013/05/23/3094612.html 百度UEditor编辑器!合入PHP网站! Posted on 20 ...
百度UEditor编辑器使用教程与使用方法
第一:百度UEditor编辑器的官方下载地址 ueditor 官方地址:http://ueditor.baidu.com/website/index.html 开发文档地址:http://uedito ...
百度UEditor编辑器上手体验
原先一个项目使用的是kindEidtor编辑器,客户反馈有问题,要求修改,因此查阅资料后,决定改用百度UEditor编辑器. 因为要提交到后台更新到数据库,所以前端使用隐藏的textArea保存临时数 ...
PHP百度编辑器使用方法,百度UEditor编辑器使用教程与使用方法
标签: 我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器.关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟 ...
百度UEditor编辑器视频相关bug汇总和稳定解决方案
百度UEditor编辑器的视频是个很头疼的问题,从昨晚到今天折腾了一天,也看了不少帖子,很多都是只治标不治本,而且有很多改法也是忽略本质,不过受大神启发,自己还是琢磨出来了. 百度UEditor编辑器 ...
百度html编辑器 xss,百度ueditor编辑器-xss漏洞
百度ueditor编辑器 xss漏洞一.漏洞简介产品官网下载地址: 涉及版本:php , asp, jsp, net 二.漏洞影响三.复现过程漏洞分析存在漏洞的文件:/php/getCont ...
ueditor html显示图片,百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法...
<百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法>要点: 本文介绍了百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法,希望 ...

百度ueditor编辑器动态获取项目根目录

编辑 ueditor.all.js

百度ueditor编辑器动态获取项目根目录相关推荐

最新文章

热门文章