网站内容编辑器(网站后台需要添加富文本编辑器，偶然的机会发现了百度的UEditor )

　　网站内容编辑器(网站后台需要添加富文本编辑器，偶然的机会发现了百度的UEditor

)

　　网站 需要在后台添加富文本编辑器。偶然发现了百度的UEditor。经过一番配置（我用的是struts2+hibernate+spring），终于成功了。下面我们记录一下配置。过程：

　　step1：首先去下载UEditor，我下载的是1.4.3.3版本。

　　step2：解压下载的UEditor，里面的目录结构如下图

　　将整个目录复制到项目中（我将其重命名为 ueditor）：

　　step3：使用UEditor新建一个demo.html

demo.html

这里写你的初始化内容

var ue = UE.getEditor('container');

　　里面引入两个js文件：

　　这是访问富文本编辑器需要导入的两个文件

这里写你的初始化内容

　　此脚本加载富文本编辑器。下一步是创建富文本编辑器的实例。创建后，可以看到富文本编辑器页面：

var ue = UE.getEditor('container');

　　这是创建富文本编辑器后的页面：

　　好了，简单的使用富文本编辑器就成功了，然后配置文件上传功能，

　　因为富文本上传文件需要后端支持：

　　step4：配置图片上传，首先在文件夹中找到config.json文件，我的文件在这里

　　然后看配置：

　　, 配置完成后，最重要的一步就是修改配置过滤器，否则无法上传，因为文件上传会被struts2本身拦截，那么文件内容将不会被内置ueditor接收文件上传功能。

　　step5：继承struts的核心过滤器，重写：

　　org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter 这个过滤器是struts2的核心过滤器。如果要使用struts2，必须在web.xml中配置这个过滤器。我们继承了它，所以我们自己写的过滤器既有它的功能，也有我们想要的功能：

　　public class MyStrutsFilter extends StrutsPrepareAndExecuteFilter{

@Override

public 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中也有配置：

struts2

cn.yiyituan.util.MyStrutsFilter

struts2

/*

　　好了，到此上传图片的功能就配置好了，我们来看看效果：