网站后台添加富文本编辑器
网站后台需要添加富文本编辑器，偶然的机会发现了百度的UEditor，经过一番配置（我使用的环境是struts2+hibernate+spring），终于是成功了，下面来记录一下配置的过程：
step1:首先去UEditor官网下载UEditor,我下载的1.4.3.3版本的.
step2:解压下载得到的UEditor,里面的目录结构如下图
将这整个目录拷贝进工程里面（我将它改名成为ueditor）：
step3:使用UEditor,新建一个demo.html
<html><head><title>demo.htmltitle><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8"><script type="text/javascript" src="ueditor.config.js">script><script type="text/javascript" src="ueditor.all.js">script>head><body><script id="container" name="content" type="text/plain">这里写你的初始化内容script><script type="text/javascript">var ue = UE.getEditor('container');script>body>
html>在里面引入两个js文件：
<script type="text/javascript" src="ueditor.config.js">script><script type="text/javascript" src="ueditor.all.js">script>这个是要接入富文本编辑器需要引入的两个文件
<script id="container" name="content" type="text/plain">这里写你的初始化内容script>这个脚本是加载富文本编辑器，接下来就是创建富文本编辑器的实例了，创建之后就能看到富文本编辑器的页面：
<script type="text/javascript">var ue = UE.getEditor('container');script>下面就是创建富文本编辑器之后的页面：
好了，简单的使用富文本编辑器就成功，接下来要配置文件上传的功能，
因为富文本上传文件需要后台的支持：
step4:配置图片上传，先找到文件夹里面的config.json文件，我的文件在这
然后看配置：
step5:继承struts的核心过滤器，并重写：
org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter这个过滤器的是struts2的核心过滤器，如果要使用struts2必须要在web.xml里面配置这个过滤器，我们继承它，这样我们自己写的过滤器既有它的功能，也有我们自己想要的功能：
public class MyStrutsFilter extends StrutsPrepareAndExecuteFilter{@Overridepublic void doFilter(ServletRequest req, ServletResponse resp,FilterChain chain) throws IOException, ServletException {HttpServletRequest request = (HttpServletRequest)req;String url = request.getRequestURI();System.out.println(url);//如果来自ueditor就不使用struts2的过滤器if( url.contains("/ueditor/jsp")) {chain.doFilter(req, resp);} else {super.doFilter(req, resp, chain);}}}还有web.xml里面的配置：
<filter><filter-name>struts2filter-name><filter-class>cn.yiyituan.util.MyStrutsFilterfilter-class>filter><filter-mapping><filter-name>struts2filter-name><url-pattern>/*url-pattern>filter-mapping>好了，至此上传图片的功能配置好了，我们来看看效果：
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！