springMVC整合UEditor

最近在公司后台管理模块中做一个新闻管理的界面，由于需要用到富文本编辑器，所以就学习了一下百度的UEditor富文本，并整合到公司的项目中，故在此记录一下。

一、首先进入UEditor的官网http://ueditor.baidu.com/website/，下载UEditor的插件到自己的项目中，这里我下载的是1.4.3.3的jsp版本，大家也可以根据自己项目的需要来选择其他的版本。



接下来把压缩包解压并导入到项目中，我的项目是由maven来管理的，所以把ueditor文件夹都统一放在静态文件目录下，并导入ueditor相关的依赖。



引入依赖文件：



做完这一步之后，只需要在页面中引入ueditor相关的js就可以加载富文本编辑器了。



注意，ueditor.js和ueditor.all.js的路径一定要导入正确，否则无法加载富文本编辑器。加载后的效果如下：



先别高兴的太早，这只是万里长征的第一步，很快你就会发现在浏览器的调试窗口里面报了一个错。如下：