• UEditor使用说明


    页面加入ue
    <!-- umeditor -->
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

    <div class="form-group">
    <script id="editor" type="text/plain" style="720px;height:300px;margin: 0px auto;"></script>
    </div>

    配置ue
    // 参考:/gfmsM/src/main/webapp/tpl/activityDialog.html
    <script type="text/javascript">
    //实例化编辑器
    var ue = new UE.ui.Editor();
    ue.render("editor");
    ue.addListener("ready", function() {
    var id = getSelectedId();
    var contentValue="";
    // 设置内容,是否追加
    ue.setContent(contentValue, false);
    });
    </script>


    rootPath=D:/apache-tomcat-6.0.43/webapps/gfmsM/
    savePath=../../../images/server/1453862540713001502.png
    physicalPath=D:/apache-tomcat-6.0.43/webapps/gfmsM/../../../images/server/1453862540713001502.png
    实际保存路径:D:/images/server/1453862540713001502.png
    回显请求地址:http://localhost:8888/gfmsM/../../../images/server/1453862540713001502.png
    除去干扰字段:http://localhost:8888/gfmsM/images/server/1453862540713001502.png

    // 基于当前项目根路径
    // 项目路径: D:apache-tomcat-6.0.43webappsgfmsM

    // 保存路径:../../../images/server/1453862540713001502.png
    // 图片物理路径:D:imagesserver

    // 保存路径:../../images/server/1453862540713001502.png
    // 图片物理路径:D:apache-tomcat-6.0.43imagesserver

    修改位置:
    保存时不需要修改,这里修改只是回显给页面加载的地址,
    页面要根据 /gfmsM/src/main/webapp/ueditor/jsp/config.json 中的
    "imageUrlPrefix": "http://localhost:8888/gfmsM/", /* 图片访问路径前缀 */ + 返回的url去取图片
    所以要将../../../../../去除
    正常的访问图片的路径应该是 "http://localhost:8888/gfmsM/images/server/1453862540713001502.png

    图片是要存放在tomcat之外的文件,所以要在tomcat中做一个映射,访问tomcat之外的文件
    <Context docBase="D:imagesserver" path="/gfmsM/images/server" reloadable="true"/>
    path对应的是访问url中的/gfmsM/images/server,根据不同项目将gfmsM替换即可,docBase即是图片物理路径


    1./gfmsM/src/main/java/com/baidu/ueditor/upload/BinaryUploader.java
    if (storageState.isSuccess()) {
    //将返回的url做截取
    storageState.putInfo("url",PathFormat.format(savePath.split("../../../../../")[1]));
    storageState.putInfo("type", suffix);
    storageState.putInfo("original", originFileName + suffix);
    }
    2./gfmsM/src/main/java/com/baidu/ueditor/upload/Base64Uploader.java
    if (storageState.isSuccess()) {
    //将返回的url做截取
    storageState.putInfo("url", PathFormat.format(savePath.split("../../../../..//")[1]));
    storageState.putInfo("type", suffix);
    storageState.putInfo("original", "");
    }

  • 相关阅读:
    灵活修改页面控件
    玫瑰颜色各代表什么含义?
    转:TCP端口详解
    将数据导出成text文件
    将.net布署在运行Apache服务器上
    在多线程下请注意代码的安全
    OpenWrt 设置IP地址
    WordPress 内存缓存加速插件:Batcache
    PVE 开启https 及免费SSL证书申请
    获取OpenWrt mac地址
  • 原文地址:https://www.cnblogs.com/Yiran583/p/5166108.html
Copyright © 2020-2023  润新知