关闭

# uditor-JAVA编辑器自定义图片存储路径和读取图片域名

标签: uditor编辑器uditor路径配置uditor图片回显
700人阅读 评论(0) 收藏 举报
  • 修改ueditor.jar包源码,使支持自定义根路径
  • 配置controller.jsp
  • 修改ueditor.all.js文件
  • 修改在线管理预览图片的域名

  1. 修改ueditor.jar包源码,同时修改图片读取路径问题(直接上截图)

    (1)在ActionEnter.java类里边接收一个新参数
    这里写图片描述
    (2)初始化ConfigManager写入刚才的saveRootPath
    这里写图片描述
    (3)ConfigManager类中getConfig方法最后加入conf.put( “saveRootPath”, this.saveRootPath );
    (4)修改Base64Uploader和BinaryUploader方法使保存文件根目录替换为自定义的目录
    Base64Uploader.java save方法:
    Base64Uploader
    BinaryUploader.java save方法:
    BinaryUploader
    (5)修改图片路径读取问题 FileManager.java getPath方法
    这里写图片描述

  2. 修改uditor 多图上传-在线管理图片读取域名
    修改dialogs/image/image.js文件添加读取图片域名方法
window.onload = function () {
        initTabs();
        initAlign();
        initButtons();
        //初始化ifream head标签内<base href="">
        initBaseUrl();
    };
/*设置ifream base域名*/
    function initBaseUrl(){
        var imgVal = $('#imgBaseUrl',parent.document).val();
        $("head").append("<base href='"+imgVal+"'/>");
    }
  1. 修改uditor编辑器body部分的图片读取域名
    修改ueditor.all.js创建ifream部分,加入标签 $u.imgUrl为图片服务器域名
    这里写图片描述

  2. 配置config.json 和 controller.jsp
    config.json 文件内的imagePathFormat参数自定义为相对路径就可以了。
    controller.jsp由于加入了自定义根目录功能,需要添加参数。如图:
    这里写图片描述

至此uditor就可实现,自定义的存储根目录,不在是项目根目录,图片预览和内容加载都没有问题,保存的content也是相对路径不存在移植问题。

这里有源码http://download.csdn.net/detail/qq_15434587/9852221

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:707次
    • 积分:18
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档