ueditor1.4.3jsp utf-8版配置使用教程

Ueditor在线编辑器配置示例

1.简介

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。

2.下载

首页地址：/website/index.html，点击下载，可以根据需要下载php、aps、jsp、.net版本。由于1.4版本和1.3版本内容变更较大，本例中使用了最新版本1.4.3.1 jsp utf-8 版本进行测试。

3.配置

下载ueditor后，放入系统的js库中，由于本例的相同功能的ewebeitor 放在webroot下，本例中也直接放入的webroot下，结构图如下：

首先配置通用配置的控制器路径，文件名为：ueditor.config.js。此文件配置需要对应下载的版本，即jsp版对应修改：

serverUrl: URL + "jsp/controller.jsp"

修改了通用配置后，还需要修改对应的上传文件、图片等路径，我们需要根据我们配置的版本去设置对应目录的内容，jsp版本如下：

实际配置如下图：

下面还有对应图片、视频的配置，与图片配置类似。

4.问题

4.1jar问题

需要的jar都已在ueditor中包含，直接拷贝至项目的lib中并加入classpath中即可。

1.4.3版本需要commons-io-

2.4.jar支持。所以在buildpath中需要将该包放置靠前。

4.2拦截器问题

对于使用了Struts2或配置了其他拦截器的，需要将该请求放行如Struts2一般配置为：

对于此类会拦截jsp的请求的配置，可以根据项目需要，

1.改为*.action,*.do之类的请求匹配

2.加入自己的拦截器，如本例所配置的

com.linewell.core.filter.ExtendStrutsPrepareFilter中，

不解的可以参照：

/krysml/article/details/9006533

5.示例

本例中上述配置好之后，可以实现图片编辑等内容

页面代码示例如下：

6.自定义：

对于需要更多特性的定义，可以参照ueditor官网

需要将图片插入数据库的，可以将ueditor-1.1.2.jar进行反编译，修改

对于需要完全自定义的，可以直接抛弃ueditor-1.1.2.jar的引用，直接使用自定义的方法进行功能设定，返回对应的json数据即可。