基于阿里云存储的UEditor（UEditor-for-aliyun-OSS）集成配置

一：集成步骤

1、下载UEditor文件

      下载地址

2、添加jar包

     打开下载的文件，结构如下所示，将lib下面的jar包添加到项目中

3、导入源文件

     在webContent路径下面创建文件夹(ueditor)，将如下的文件全都拷贝进去

4、在需要使用富文本编辑框的页面中进行如下配置，首先引入相关的js文件，然后引入编辑框，通过以下配置，ueditor基本可以使用了，除了某些上传图片、视频等功能外

二：图片上传功能配置

1、配置config.json文件，修改"imageUrlPrefix"与"imagePathFormat"参数值，imageUrlPrefix默认表示访问当前项目的根路径（可保持默认值），imagePathFormat用于设置上传图片保存的路径及文件名格式

   

2、配置ueditor.config.js文件，配置服务器请求接口路径（此处不必修改）与工具栏中需显示的功能按钮，配置到这步，富文本框的图片上传按钮应该可以正常点击（若还是不行，则可能是访问controller.jsp文件的路径被拦截了）

3、若图片仍不可点击，则可能是服务器请求接口路径，在访问controller.jsp时被过滤器或拦截器进行了拦截，查看web.xml文件中配置的所有过滤器及拦截器，确认取消对该路径的拦截即可

4、可以成功选择上传图片后，就可开始完成图片上传到阿里云的功能了。

（1）首先将Ueditor插件包中java目录下整个com文件夹拷贝到自己的项目中，com作为这些导入的java源文件的根目录包，如下图红框中所示

拷贝的java源文件可能报错，一般是路径或缺少jar包的问题

（2）然后将OSSKey.properties文件拷贝到自己项目的指定资源文件目录下，注意放置的路径问题（与java源文件在同一级目录即可），并将下图红框中的值，改成自己所需的配置

由于OSSKey.properties文件中缺少ossCliendEndPoint参数，所以会导致在进行图片上传时导致报错，此时需要修改如下两个类文件：OSSClientProperties.java与OSSClientFactory.java

修改OSSClientProperties.java文件后，其实可以不用修改OSSClientFactory.java文件了，要修改也仅仅只是需要如下图进行注释代码即可

（3）修改执行上传图片时的类文件Uploader.java

其他：

页面在进行加载时，若想通过js的方式对富文本框进行赋值，可通过如下方式：

$(function(){ 

//获取ueditor编辑器对象

var ue1 = UE.getEditor('editor1');
var show_content = '需显示内容';
//判断ueditor编辑器是否创建成功,创建成功后才可赋值
ue1.addListener("ready", function () {
   // editor准备好之后才可以使用
   ue1.setContent(show_content);
});

})