1.首先去ueditor的官网去下载jsp版的开发版的zip包解压
2.在java中创建一个新的web项目,把解压后的文件都导入到项目中
比如我把文件放到了js这个目录下,全部都放进去
3.创建一个页面
<html>
<head>
<base href="<%=basePath%>">
<title>新闻</title>
</head>
<body>
<div>
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain" style="height:500px;width:970px;">
这里写你的初始化内容
</script>
</div>
<script type="text/javascript" charset="utf-8" src="js/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="js/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="js/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
UE.getEditor('container')
</script>
</body>
</html>
4.去配置图片的上传位置,就是jsp文件中的config.json
其中的大部分都不需要改动,只需要改最后两个就好了,imageUrlPrefix是你的项目位置,imagePathFormat是项目中你要保存的位置
5.由于struts2中的拦截器的关系,点击图片上传的时候,会显示无法获取到上传数据,在struts2的拦截器前加一个拦截器就可以了先创建一个类UeditorFilter.java
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import org.apache.struts2.dispatcher.StrutsRequestWrapper;
public class UeditorFilter implements Filter {
@Override
public void doFilter(ServletRequest req, ServletResponse res,
FilterChain chain) throws IOException, ServletException {
HttpServletRequest request = (HttpServletRequest) req;
String url = request.getRequestURI();
if (decideURI(url)) {
chain.doFilter(new StrutsRequestWrapper((HttpServletRequest) req), res);
}else{
chain.doFilter(req, res);
}
}
/**
* ueditor编辑器中的图片上传和文件上传
* @param url
* @return
*/
private boolean decideURI(String url){
if (url.endsWith("controller.jsp")) {
return true;
}
return false;
}
@Override
public void destroy() {
}
@Override
public void init(FilterConfig filterConfig) throws ServletException {
}
}
接下来是修改web.xml文件
OK,大功告成运行项目就可以了,选择图片时会自动上传了。