struts2上整合ueditor的使用

1、首先将编辑器文件夹拷贝到项目的根目录之中

2、在所需要显示的页面做如下操作
(1)在页面的头部写入以下

?

<script type="text/javascript">

window.UEDITOR_HOME_URL = "/editor/";

</script>

 

<script type="text/javascript" charset="utf-8"

src="/editor/editor_config.js"></script>

<script type="text/javascript" charset="utf-8"

src="/editor/editor_all.js"> </script>

<link rel="stylesheet" href="/editor/themes/default/css/ueditor.css"

type="text/css" />

(2)在需要显示的地方写上

?

<div>

<script id="editor2" type="text/plain" name="content">${information.fcontent}</script>

</div>

<script type="text/javascript">

//实例化编辑器

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

ue.addListener('ready',function(){

this.focus()

});

</script>

　　

3、将原先的所有利用jsp上传的更换为servlet实现(具体见文件),将servlet导入项目之中。

 

4、配置web.xml，将servlet进行配置，如下操作，因为是用到了struts2框架，所以下面的路径不加.do结尾

?

<servlet>

<servlet-name>ImageUploadServlet</servlet-name>

<servlet-class>com.servlet.ImageUploadServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>ImageUploadServlet</servlet-name>

<url-pattern>/imageUploadServlet</url-pattern>

</servlet-mapping>

　　

5、将过滤器导入项目之中，并将web.xml配置文件的过滤器更换为自己写的过滤器，如下操作

?

<filter>

<filter-name>ews88</filter-name>

<filter-class>

com.ews88.filter.MyStrutsFilter

</filter-class>

</filter>

<filter-mapping>

<filter-name>ews88</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

6、去修改editor的配置文件editor_config.js修改操作如下
(1)增加一个这个到URL的定义之下，记住要放在原先给URL赋值的下面,这个路径一定要写对，你的编辑器文件夹是什么名字，是啥路径就这么写
URL = window.UEDITOR_HOME_URL||"/editor"; 
(2)将原先上传图片的提交地址更改为配置的servlet的地址，操作如下
,imageUrl:"/imageUploadServlet" //图片上传提交地址
,imagePath:"/" //图片修正地址，引用了fixedImagePath,如有特殊需求，可自行配置
这里的路径也需要注意的，因为我在程序的处理文件设置的路径不是这个，所以我给设置了一个修正地址。如果在处理程序文件写对了，这里可不写，直接置为空的。

7、最后的步骤啦，给你的程序处理文件设置保存图片的位置。操作如下：
(1)在servlet上写上路径,找到这行代码，将路径修改为你想储存的地址
String path = "images/articleImages"; 
(2)在处理文件Uploader.java上写上路径
private String savePath = "images/articleImages";

好了 大功告成了，测试上传图片吧，其他的上传附件等都可以将其改为servlet进行处理，步骤跟上面的类似。