ueditor 整合 springmvc

最新推荐文章于 2018-11-28 22:34:34 发布

程序老炮

最新推荐文章于 2018-11-28 22:34:34 发布

阅读量245

点赞数 1

文章标签： utf-8 ueditor

本文链接：https://blog.csdn.net/qq_25816185/article/details/56012525

版权

从官网下载得到ueditor-1.4.3版本，需要utf版的。

1.解压文件之后是utf8-jsp，将其拷贝到WebContent目录下，将utf8-jsp->jsp->lib目录下的所有jar包添加到WEB-INF下的lib中，eclipse会自动添加到build path中。

2.创建testUeditor.jsp，内容为：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>完整demo</title>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath }/utf8-jsp/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath }/utf8-jsp/ueditor.all.min.js"> </script>


<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath }/utf8-jsp/lang/zh-cn/zh-cn.js"></script>
</head>
<body>
<div>
测试：
<textarea id="container" name="container"
style="width: 800px; height: 200px; margin: 0 auto;"></textarea>
<div id="btns">
<div>
<button οnclick="getPlainTxt()">获得内容</button>
</div>
</div>
<script type="text/javascript">
UE.getEditor("container");
function getPlainTxt() {
var arr = [];
arr.push(UE.getEditor('container').getContent());
alert(arr)
}
</script>
</div>
</body>
</html>

3.修改config.json文件：

/*经过测试，图片访问路径放到tomcat/webapps/ 下最合适。*/

"imageUrlPrefix": "/", /* 图片访问路径前缀，我在这里设置的是"/"，实际路径在tomcat/webapp */
"imagePathFormat": "../img/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

4.编写controller，跳转到ueditor界面：

//测试Ueditor
@RequestMapping("/testUeditor")
public String testUeditor() {
return "testUeditor";
}

springmvc对静态资源拦截的配置通过<mvc:default-servlet-handler/>完成。