百度富文本编辑器 UEditor 1.4.3 + Spring MVC 4.0

最新推荐文章于 2019-10-31 16:46:56 发布

原创

最新推荐文章于 2019-10-31 16:46:56 发布 · 3.1k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍了如何在Spring MVC 4.0环境下集成并使用百度富文本编辑器UEditor 1.4.3.3。步骤包括编辑器的下载、前端页面配置、后台控制器设置、解决Spring MVC与UEditor的上传冲突问题，以及如何在后台获取并保存编辑器中的内容。

版本： ueditor 1.4.3.3 jsp utf-8

spring mvc 4.0.2（是spring+springmvc+mybatis maven 项目）

1. 官网下载ueditor1_4_3_3-utf8-jsp.zip后，解压放到项目里，如src/main/webapp下。

2. 前端页面中导入js文件，并实例化一个编辑器：

    <!-- 配置文件 -->
    <script type="text/javascript" src="<%=basePath%>ueditor1_4_3_3/utf8-jsp/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="<%=basePath%>ueditor1_4_3_3/utf8-jsp/ueditor.all.js"></script>
    
    <script type="text/javascript" charset="utf-8" src="<%=basePath%>ueditor1_4_3_3/utf8-jsp/lang/zh-cn/zh-cn.js"></script>
    
    <script type="text/javascript">
    	//实例化编辑器 
        var ue = UE.getEditor('editor');
    </script>