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的路径一定要导入正确,否则无法加载富文本编辑器。加载后的效果如下:

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



猜你喜欢

转载自blog.csdn.net/lpf_563493432/article/details/65450109
今日推荐