1、下载 http://ueditor.baidu.com/website/download.html
2、在maven项目webapp下新建ueditor文件夹,将下载的所有内容拷贝进去。
3、修改配置 ueditor.config.js
/**
* 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。
* 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
* "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。
* 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。
* 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。
* window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
*/
window.UEDITOR_HOME_URL = "/项目名/ueditor/";
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
/**
* 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
*/
window.UEDITOR_CONFIG = {
//为编辑器实例添加一个路径,这个不能被注释
UEDITOR_HOME_URL: URL
// 服务器统一请求接口路径
, serverUrl: URL + "jsp/controller.jsp"
<span style="white-space:pre"> </span>......
4、修改ueditor/jsp下config.json
<span style="font-size:14px;">/* 前后端通信相关的配置,注释只允许使用多行方式 */
{
/* 上传图片配置项 */
"imageActionName": "uploadimage", /* 执行上传图片的action名称 */
"imageFieldName": "upfile", /* 提交的图片表单名称 */
"imageMaxSize": 2048000, /* 上传大小限制,单位B */
"imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
"imageCompressEnable": true, /* 是否压缩图片,默认是true */
"imageCompressBorder": 1600, /* 图片压缩最长边限制 */
"imageInsertAlign": "none", /* 插入的图片浮动方式 */
"imageUrlPrefix": "/</span><strong><span style="font-size:18px;color:#ff0000;">项目名</span></strong><span style="font-size:14px;">", /* 图片访问路径前缀 */
"imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
/* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
/* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
/* {time} 会替换成时间戳 */</span>
5、修改ueditor.all.min.js,
查找到d.open(k,l,h.async) 改为d.open(k,l.replace("&&","&"),h.async)
6、其他
避免springmvc 对静态资源的过滤,在wen.xml 添加
<span style="white-space:pre"> </span><servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.swf</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.jpeg</url-pattern>
</servlet-mapping>
<span style="white-space:pre"> </span>......
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/ueditor/dialogs/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/ueditor/third-party/*</url-pattern>
</servlet-mapping>
7、添加jar 包---maven引用
由于maven库中没有ueditor.jar,所以在jsp/lib下把jar添加到WEB-INF/lib,在pom.xml文件添加
<span style="white-space:pre"> </span><dependency>
<groupId>com.baidu.ueditor</groupId>
<artifactId>ueditor</artifactId>
<version>1.1.2</version>
<scope>system</scope>
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/ueditor-1.1.2.jar</systemPath>
</dependency>
<dependency>
<groupId>org.json</groupId>
<artifactId>json</artifactId>
<version>20160212</version>
</dependency>
8、jsp
<!-- 编辑器控件 -->
<script type="text/javascript" charset="utf-8"
src="${ctx}/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
src="${ctx}/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8"
src="${ctx}/ueditor/lang/zh-cn/zh-cn.js"></script>
<div class="col-txt" style="height: auto;">
<span style="white-space:pre"> </span><script id="editor" name="content" type="text/plain"></script>
</div>