Ueditor图片上传设置(1.4.3 JSP版本)

转载 2015年07月10日 13:14:31

最近研究了一下Ueditor,发现图片上传功能不能直接使用,需要修改一些东西,记下来以备参考。

1. 修改com.baidu.ueditor.hunter.FileManager类下的一个方法,修改如下:

源代码:

private String getPath ( File file ) {
String path = file.getAbsolutePath();
return path.replace( this.rootPath, "/" );
}

修改为:

private String getPath ( File file ) {
   String path = file.getAbsolutePath();
   String str=path.replace(this.rootPath.replaceAll("\\/", "\\\\"), "\\" );
   return str;
}

(此处如果不修改,会导致“在线管理”下的图片不能显示)


2. 修改image.js文件,有两处的图片地址设置有问题,这里导致的问题是上传的图片在编辑器中不能显示图片。

(1):需要自定义一个方法,获取当前项目的地址(方法比较笨,可自行修改)

function getRootPath(){
        //获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
        var curWwwPath=window.document.location.href;
        var pathName=window.document.location.pathname;
        var pos=curWwwPath.indexOf(pathName);
        var localhostPaht=curWwwPath.substring(0,pos);
        var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
        return localhostPaht + projectName;
    }

(2)分别在以下两个地方添加刚才获取的项目地址

约775行:

src: getRootPath() + prefix + data.url,
_src: getRootPath() + prefix + data.url,


约912行

img.setAttribute('src', getRootPath() + urlPrefix + list[i].url + (list[i].url.indexOf('?') == -1 ? '?noCache=':'&noCache=') + (+new Date()).toString(36) );
 img.setAttribute('_src', getRootPath() + urlPrefix + list[i].url);

UEditor (JSP 1.4.3版本) 集成到ssh框架中

一:集成简单步骤 1,下载UEditor文件       下载地址   2,添加jar包      打开下载的文件,结构如下所示,将jsp-lib下面的jar包添加到项目的web-inf...
  • lishuangzhe7047
  • lishuangzhe7047
  • 2014年12月12日 15:39
  • 13325

百度UEditor 1.4.3.1 使用详解

百度已经开发出了一套强大的文本编辑器ueditor,很爽很方便,请看-------- web文本编辑器被广泛的使用在论坛,留言系统,微博等网站,凡是用户能发布文字的网站,几乎到会使用到文本编辑器,老...
  • SuperDevilBoy
  • SuperDevilBoy
  • 2016年01月25日 15:27
  • 2446

UEditor 编辑器使用 最新版本1.4.3

希望能帮助到一些看不明白官方API的朋友, 重要的是后面的 红色字体为主要代码...
  • Continuetofantasy
  • Continuetofantasy
  • 2015年03月18日 14:51
  • 568

ueditor的使用jsp版

大家都知道UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。总之一句话,就是特别好用。   ue...
  • yimagudao
  • yimagudao
  • 2016年08月21日 23:34
  • 2612

ueditor上传图片到服务器再次上传到OSS jsp版本

ueditorjsp版本上传图片到oss
  • eadela
  • eadela
  • 2017年07月27日 09:31
  • 1063

最新百度编辑器ueditor1.4.3.3php版简单应用

最新版的使用很简单 根据说明文档修改设置就OK 编辑器一般步骤 引入 个性设置 参考ueditor.config.js里面的配置项 ...
  • u013927034
  • u013927034
  • 2016年10月13日 14:30
  • 552

UEditor (JSP 1.4.3版本) 集成到ssh框架中

UEditor (JSP 1.4.3版本) 集成到ssh框架中 分类: WorkStudy2014-12-12 15:39 3147人阅读 评论(6) 收藏 举报 一:集成简单步骤 1,下...
  • u011225046
  • u011225046
  • 2015年08月06日 16:46
  • 165

UEditor jsp版上传图片自定义路劲配置

由于项目需要,最近使用了ueditor,并实现了图片以及文件的上传功能。走了不少弯路,花了点时间总结总结,记录一下以防忘记!       1.去官网http://ueditor.baidu.com/...
  • u010334221
  • u010334221
  • 2014年01月02日 12:40
  • 5582

UEditor图片上传保存位置的修改(JSP)

UEditor图片上传保存位置的修改 UEditor上传 Ueditor ueditor 百度富文本编辑器上传 百度富文本编辑器...
  • Wanger_tt
  • Wanger_tt
  • 2016年08月30日 14:51
  • 2019

UEditor1.4.3 使用配置心得

做一个新系统,有一个文章管理的模块,文章是图文的形式。图片管理一直没找到好的控件,看到了UEditor,再一看,百度的,果断试一下,对着文档部署了一个环境,发现图片部分有各种问题: 最后发现,UEd...
  • chen517611641
  • chen517611641
  • 2015年04月08日 11:44
  • 3593
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ueditor图片上传设置(1.4.3 JSP版本)
举报原因:
原因补充:

(最多只允许输入30个字)