您的位置：首页 > 编程语言 > Java开发

ueditor 整合 springmvc

2017-02-20 14:19 597 查看

从官网下载得到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 onclick="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/>完成。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： utf-8 ueditor

相关文章推荐

新的分享

章节导航