最近需要自己做后台写页面,其中需要用到富文本编辑框,可以输入文字,上传图片,视频等,最终获取html存入数据库。这里记录一下开发过程。
UEditor富文本编辑器文档:http://fex.baidu.com/ueditor/
下载地址:1.4.3.3jsp版本http://ueditor.baidu.com/website/download.html
1、ueditor 引入js包。
2、maven依赖包(因为需要修改源码,所以没有引包。直接下载源码拷贝到项目里了)
3、更改上传图片部分源码,压缩上传。
1)将源码直接复制到自己项目里面。
2)修改controller.jsp中的ActionEnter路径。
4、自定义工具栏toolbars
修改ueditor.config.js文件中的toolbars,详细参考官方文档。
5、使ueditor在最前面,修改 window.UEDITOR_CONFIG 配置里面的 z-index的值由900改成1100
6、上传视频部分代码 需要手动引入vod的upload-impl.jar包。
源码地址:https://download.csdn.net/download/null_hc/10603475
有问题请与我联系,互相交流。