SSM视频教程第4-4节:SpringMVC整合富文本编辑器百度UEditor的使用

富文本编辑器UEditor介绍

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

百度 UEditor 最新版的下载地址:1.4.3.3 Jsp 版本

下载之后解压可以看到一个demo,里面有js文件和一些所需要的lib:

UEditor
UEditor

打开 index.html 文件可以看到这个富文本编辑器还是挺丰富的,可以很方便获取到我们要的 HTML 源码:

UEditor demo
UEditor demo

那么接下来我们就在我们的 manong 项目中使用这个富文本编辑器吧。

在项目中使用UEditor

将所需的 jar 包安装到 maven 仓库中

安装json的jar包

1
mvn install:install-file -Dfile=C:\Users\Administrator\Desktop\utf8-jsp\jsp\lib\json.jar -DgroupId=com.json -DartifactId=json -Dversion=1.1 -Dpackaging=jar

安装 ueditor 的jar包

1
mvn install:install-file -Dfile=C:\Users\Administrator\Desktop\utf8-jsp\jsp\lib\ueditor-1.1.2.jar -DgroupId=com.baidu -DartifactId=ueditor -Dversion=1.1.2 -Dpackaging=jar

将 ueditor 所需的文件复制到项目中

UEditor demo
UEditor demo

后端ueditor文件的上传

遇到上传问题:No mapping found for HTTP request with URI ,导致访问上传的图片和一些静态资源 404 。

解决方式,在SpringMVC配置文件中添加:<mvc:default-servlet-handler/>

default-servlet-handler简介:
它会对进入 DispatcherServlet 的请求进行筛选,如果发现是没有经过映射处理的请求,将该请求交由 WEB 应用服务器默认的Servlet处理。 如果不是静态资源的请求, 才由 DispatcherServlet 继续处理 ,一般 WEB 应用服务器默认的 Servlet 的名称都是 default。

SSM视频教程目录