SpringMVC与Ueditor编辑器整合

今天花了一天的时间来整合这个东西

项目使用的是 Spring SpringMVC hibernate框架

因为这个Ueditor编辑器他似乎并没有严格按照mvc的思想来封装

所以当我们部署到maven项目中时，如果你在配置文件配置了如下信息

<mvc:resources location="/WEB-INF/upload/images/" mapping="upload/images/**/**.**" />
.......

那么你部署Ueditor编辑器的时候，请尽量将其部署到根目录，否则会出现拦截错误，找不到文件等问题

下面我们来看看Ueditor编辑器如何部署到eclipse中，并且可以正常运行

第一步：去官方下载两个包

http://ueditor.baidu.com/website/download.html

请进入此页面

第一个是编译好的包

我们下载jsp版本的

第二个我们需要下载源码

下载源码我们不用编译

第二步：创建一个maven项目

我这里是在我原有的项目增加这个编辑器，原项目也是maven

第三步：我们先看看解压后的文件有那些

[caption id="attachment_1543" align="alignnone" width="539"] ueditor插件[/caption]

以上是解压好的插件包

我们先在我们项目根目录建立文件夹 ueditor

index.html文件是一个模版文件，一会我们部署好这个编辑器后，大家可以运行

将上面的所有文件拷贝到这个目录

在jsp目录里面有一个lib目录

里面有5个包

commons-codec-1.9.jar

commons-fileupload-1.3.1.jar

commons-io-2.4.jar

json.jar

ueditor-1.1.2.jar

以上包，除了json.jar是我们需要的以外，其他包，请先自行看看你的项目有没有已经存在的包，有的话我们就不需要了，没有的话就需要

将需要的包拷贝进我们 WEB-INF/lib 里面

ueditor-1.1.2.jar 这个包是编译好的包，因为我们部署到eclipse，所以就用不着这个包，我们只需要将源码拷贝进我们的项目即可

第四步：在看看解压后的源码包里面

在源码包里面有一个jsp目录

jsp目录就有我们java后端的源码程序

我们将jsp里面的 src目录里面的文件拷贝进我们的项目源码目录里

如下图所示

[caption id="attachment_1544" align="alignnone" width="296"] ueditor源码包部署[/caption]

webapp里面部署后的样子应该是这样

[caption id="attachment_1545" align="alignnone" width="218"] 部署ueditor[/caption]

自此，我们大致就部署完了

请注意，如果ueditor里的jsp文件出现红叉，那一般是因为这个jsp文件里导入的java包路径不正确，请仔细核对

然后根据官方的api说明

如：

在jsp目录的config.json文件，您可能需要文件上传的路劲，不正确的路径信息，前台不会显示

在ueditor.config.js里面您还可以修改一些参数，如编辑器大小，编辑器的功能等

好了大家可以测试下了

运行根目录的index.html文件

或者运行 http://localhost:8080/项目名/ueditor/jsp/controller.jsp?action=config

能正确显示如下信息就表示成功了

{"snapscreenInsertAlign":"none","videoPathFormat":"/javalab/ueditor/jsp/upload/video/{yyyy}{mm}{dd}/{time}{rand:6}","videoFieldName":"upfile","fileManagerActionName":"listfile","fileUrlPrefix":"","imageUrlPrefix":"/javalab","imageAllowFiles":[".png",".jpg",".jpeg",".gif",".bmp"],"videoAllowFiles":[".flv",".swf",".mkv",".avi",".rm",".rmvb",".mpeg",".mpg",".ogg",".ogv",".mov",".wmv",".mp4",".webm",".mp3",".wav",".mid"],"filePathFormat":"/javalab/ueditor/jsp/upload/file/{yyyy}{mm}{dd}/{time}{rand:6}","fileMaxSize":51200000,"fileManagerListPath":"/javalab/ueditor/jsp/upload/file/","catcherUrlPrefix":"","videoActionName":"uploadvideo","scrawlInsertAlign":"none","videoUrlPrefix":"","imageManagerUrlPrefix":"","scrawlUrlPrefix":"","imageFieldName":"upfile","fileManagerAllowFiles":[".png",".jpg",".jpeg",".gif",".bmp",".flv",".swf",".mkv",".avi",".rm",".rmvb",".mpeg",".mpg",".ogg",".ogv",".mov",".wmv",".mp4",".webm",".mp3",".wav",".mid",".rar",".zip",".tar",".gz",".7z",".bz2",".cab",".iso",".doc",".docx",".xls",".xlsx",".ppt",".pptx",".pdf",".txt",".md",".xml"],"imageMaxSize":2048000,"catcherPathFormat":"/javalab/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}","imageManagerInsertAlign":"none","scrawlFieldName":"upfile","imagePathFormat":"/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}","scrawlActionName":"uploadscrawl","imageManagerActionName":"listimage","imageActionName":"uploadimage","imageManagerListSize":20,"imageManagerAllowFiles":[".png",".jpg",".jpeg",".gif",".bmp"],"fileAllowFiles":[".png",".jpg",".jpeg",".gif",".bmp",".flv",".swf",".mkv",".avi",".rm",".rmvb",".mpeg",".mpg",".ogg",".ogv",".mov",".wmv",".mp4",".webm",".mp3",".wav",".mid",".rar",".zip",".tar",".gz",".7z",".bz2",".cab",".iso",".doc",".docx",".xls",".xlsx",".ppt",".pptx",".pdf",".txt",".md",".xml"],"snapscreenActionName":"uploadimage","fileFieldName":"upfile","fileActionName":"uploadfile","catcherActionName":"catchimage","fileManagerListSize":20,"catcherAllowFiles":[".png",".jpg",".jpeg",".gif",".bmp"],"snapscreenPathFormat":"/javalab/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}","imageCompressBorder":1600,"snapscreenUrlPrefix":"","imageCompressEnable":true,"catcherLocalDomain":["127.0.0.1","localhost","img.baidu.com"],"imageManagerListPath":"/javalab/ueditor/jsp/upload/image/","imageInsertAlign":"none","catcherMaxSize":2048000,"videoMaxSize":102400000,"fileManagerUrlPrefix":"","scrawlPathFormat":"/javalab/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}","scrawlMaxSize":2048000,"catcherFieldName":"source"}

LigerUI的表单验证与Ueditor整合 并提交表单到服务器

https://www.bugkong.com/archives/2016_09_1571.html

ueditor编辑器展示地址

https://www.bugkong.com/javalab/plugs/ueditor.do