页面加入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="width: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.43\webapps\gfmsM\

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

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

修改位置:
保存时不需要修改,这里修改只是回显给页面加载的地址,
页面要根据 /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:\images\server" 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", "");
}

UEditor使用说明的更多相关文章

  1. 关于ueditor使用说明

    1.后台配置文件config.json中的各种prefix,相对的都是网站(发布后的)的根目录, 2.需要在iis下将net文件夹转换为应用程序 3.<div>    <h1> ...

  2. 一百三十八:CMS系统之发布帖子前端js

    先补一个功能,根据扥状态显示用户名/退出或者登录/注册 from .views import bpimport configfrom flask import session, gfrom .mode ...

  3. 百度Web富文本编辑器ueditor在ASP.NET MVC3项目中的使用说明

    ====================================================================== [百度Web富文本编辑器ueditor在ASP.NET M ...

  4. JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明

    二话不说,先上图: 我配置好的效果大致是这些功能:基本的文字编辑功能.图片上传功能.附件上传功能.百度/谷歌地图搜索截图.视/音频发布功能.这个插件是现今我用过觉得最舒服的编辑器,功能齐全强大,稍微修 ...

  5. 百度Ueditor

    最近用到了百度Ueditor,也来写一写百度Ueditor的使用教程: 一.从官网下载百度Ueditor,http://ueditor.baidu.com/website/download.html, ...

  6. Nodejs之编辑器ueditor

    ueditor编辑器的使用说明. 最近在找nodejs前台界面可以编辑文字发表文章的工具,后来找到了ueditor,感觉还不错,就拿来使用了一下,使用过程如下. 1.下载及准备 下载ueditor,官 ...

  7. 百度编辑器UEditor常用设置函数

    最近在研究UEditor的使用,下面是附上传送门: 这是API文档http://ueditor.baidu.com/doc/ 这是下载地址http://ueditor.baidu.com/websit ...

  8. Ueditor 专题

    https://github.com/xwjie/SpringBootUeditor 提交表单提交表单设置按照部署编辑器的教程,完成编辑器加载 把容器放到form表单里面,设置好要提交的路径,如下面代 ...

  9. SNF快速开发平台MVC-EasyUI3.9之-ueditor富文本编辑在 asp.net MVC下使用步骤

    mvc项目中用到了这个富文本编辑就试着把遇到的问题个使用步骤在这里记录一下,希望大家少走弯路. 1.首先我们先下载net版本的uediot 2.然后把整个文档拷贝到我们的项目中,记得是整个 把下载的文 ...

随机推荐

  1. Ajax在html页面获取后台XML文件资源

    一.准备工具 站长吧ASP调试工具.exe,这个工具是为了快速建立asp环境,方便调试. 二.建立文件夹 1.建立网站根文件夹,名字随意,将站长吧ASP调试工具.exe复制到根文件夹: 2.建立xml ...

  2. Could not load type from string value 'DALMSSQL.DBSessionFactory,DALMSSQL'.

    问题: 原因: DAL.dll不在程序目录下        --调了老半天.

  3. t2712:字符串移位包含问题

    t2712:字符串移位包含问题   总时间限制:1000ms  内存限制:65536kB描述    给定两个字符串s1和s2,要求判定其中一个字符串    是否是另一字符串通过循环移位后的子字符串.例 ...

  4. html: title换行方法 如a链接标签内title属性鼠标悬停提示内容换行

    换行代码符合分别为: “&#;”和“&#;” <a href="0.shtml" title="第一排 第二排 第三排">title ...

  5. windows下IIS+PHP解决大文件上传500错问题

    linux下改到iis+php后,上传大于2M就出500错,改了php.ini中的upload_max_filesize也不行,最后解决如下: 第一步:修改php.ini 上传大小限制 (以上传500 ...

  6. 解决Shiro注解无效的问题

    当Shiro集成到Spring mvc中,却发现shiro的权限注解不起作用,官方的配置是要支持注解,只需要将以下代码加到spring 配置文件中即可: <bean class="or ...

  7. (AIDE)Android Eclipse JNI 调用 .so文件加载问题

    背景:对于Android工程 Eclipse里编译好的.so文件放到 libs\armeabi下以后, 这样.so文件就可以打包到apk文件里,在apk装到手机上以后 在libs\armeabi下的. ...

  8. oracle之trunc与round

    round(x[,y]) 功能:返回四舍五入后的值 参数:x,y,数字型表达式,如果y不为整数则截取y整数部分,如果y>0则四舍五入为y位小数,如果y小于0则四舍五入到小数点向左第y位. 返回: ...

  9. Python 多线程

    一.线程的使用 需导入模块: from threading import Thread 二.基本使用 def fun1(arg1, v): print(arg1) print('before') t1 ...

  10. 异常:“System.Reflection.Metadata”已拥有为“System.Collections.Immutable”定义的依赖项

    参考动态执行T4模板:https://msdn.microsoft.com/zh-cn/library/bb126579.aspx 我项目是.NET Framework 4.5控制台应用程序写的. 执 ...