Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

第一步:导入SSM框架的核心jar包,只需要引入以下两个足够我们使用,具体在项目视情况而定。

Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

第二步:导入Ueditor的核心jar包,其中我们接下来上传到阿里云,就是要使用xueditor-core的一个接口,所以小伙伴们如果有兴趣的话,可以在看完这篇文章之后,去读下源码,建议大家养成打断点的好习惯。

Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

第三步:下载Ueditor富文本,目录如下(java要下载的是jsp版本,千万不要下载错误)

Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

第四步:把整个文件夹copy到webapp根目录下(建议不要改变目录结构,因为ueditor加载的是自己的东西,除非你充分了解了ueditor)。

Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

以下关键的两步请仔细查看:

第五步:修改ueditor/jsp下面的controller.jsp为如下

Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

其中AliyunOSSUtil为自己定义上传到阿里云的class。

第六步:上传到阿里云的AliyunOSSUtil.java

Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

其中的常量是阿里云OSS的常量配置,我把它们放在了配置文件中。仅供参考,请写自己相关的配置。

第七步:测试

Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。

以上就是Spring集成百度富文本Ueditor编辑器,其实就是两步搞定。