您的位置:首页 > 编程语言 > Java开发

SpringMVC整合UEditor

2017-08-30 20:03 363 查看

SpringMVC整合UEditor

首先说一下需要准备的事项:

准备ueditor的文件目录 百度网盘下载地址:http://pan.baidu.com/s/1sldmyo1 rzt3

准备ueditor的JAVA工具包 百度网盘下载地址 : http://pan.baidu.com/s/1kVMecb9 vqi7

已经拥有springMVC的项目

如果已经准备好以上三项,那我们就开始整合ueditor

spring的配置修改

首先需要删除掉spring里面原有的文件上传配置,因为springmvc的上传文件配置和ueditor的上传有冲突,所以需要取消掉,其实也有另一种办法就是重写springMVC的上传配置类,这种方法我没用,如果有需要可以去网上看下怎么解决,我直接就注释掉springMVC的该上传配置,如果其他需要用到上传文件可以直接用ueditor或者引入commons-fileupload-1.3.1.jar直接使用form上传,或者使用其它组件上传



-如果在web.xml配置了以下过滤,两种方法,一、可以选择注释掉以下配置 二 、在springMVC的配置上面加下系下面第一张图的代码 该location指向项目下的ueditor文件目录,该方法主要是允许springMVC访问该路径下的文件,使得访问不会被过滤掉





编写一个ueditor统一请求的接口



-配置文件ueditor.config.js的统一访问接口修改为以上编写的请求接口





-在ueditor的文件目录里面打开config.json如下图,将里面的imagePathFormat修改下上传的路径,也可以默认上传到项目路径的根目录上面,其他的配置可以不去修改





最后编写一个html页面来展示出ueditor



-需要引入4个ueditor文件目录的js文件 引入的js看以上图片, 之后编写一行代码如下图



-这样子就可以使用ueditor了,该ueditor还可以实现单图片和多图片上传功能,如图就是效果图

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  SpringMVC整 UEditor