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进行处理,步骤跟上面的类似。