2023年11月28日发(作者：)

Ueditor是一款强大的富文本编辑器

Ueditor的使用

去ueditor官网下载对应版本的文件

这里使用JSP版本的举例

下载后得到以下文件

打开MyEclipse创建一个新的web项目

将所有文件复制到webroot目录下

其中就是ueditor的使用示例

我们这里按照示例新建一个JSP来使用

在页面中创建一个script标签

<sctiptid="editor"type="text/plain"style="width:500px;height:2

00px;">sctipt>

使用js将创建的script渲染成富文本编辑器

varue = tor('editor');

至此打开页面就能开到富文本编辑器的效果

接着设置上传文件的配置

打开jsp文件夹里的lib文件夹，将里面的jar复制到web-inf里的lib文件夹里

修改jsp文件夹里文件，将其中的imagePathFormat属性的值改成当前项目

的文件目录，你可以在webroot下新建一个目录用来存放例如新建一个upload

"imagePathFormat": "upload/{yyyy}{mm}{dd}/{time}{rand:6}"

至此上传图片也可以了

通过js可以获取编辑器的内容

tor('editor').getContent()

Ueditor与Sruts2结合使用时上传图片无法使用

是因为strut2在里配置了/*的过滤器，将上传的请求过滤掉了

所以只要让strut2忽略掉这个请求即可

解决方案有两种：

第一种：将/* 改为*.action 那么所有的struts2请求都要加.action后缀

第二种：添加自定义过滤器，忽略掉上传图片的请求

publicclassMyFilterextendsStrutsPrepareAndExecuteFilter {

@Override

publicvoiddoFilter(ServletRequest arg0, ServletResponse arg1,

FilterChain arg2) throwsIOException, ServletException {

HttpServletRequestreq = (HttpServletRequest) arg0;

String url = uestURI();

if(("/ueTest/jsp/")){

System.out.println("通过");

er(arg0, arg1);

}else{

super.doFilter(arg0, arg1, arg2);

}

}

}

里的配置

<filter>

<filter-name>struts2filter-name>

<filter-class>erfilter-class>

filter>

<filter-mapping>

<filter-name>struts2filter-name>

<url-pattern>/*url-pattern>

filter-mapping>

其次，由于用Myeclipse添加的struts2的包里有commons-io的jar包，与ueditor添

加的io包重复了，需要删除其中的，那么删除版本低的即可。