SpringBoot项目整合百度Ueditor富文本编辑器

因为公司项目需要,所以这里稍微记录一下整合遇到的问题和整合的过程,以便做个记录给后来的朋友一个借鉴,也可以留个底,以后遇到同样的问题可以再回来看看。(之前因为整合过ueditor:ueditor 1.4.3.3 Jsp 版本 运用到项目中

1.首先去ueidtor官网下载ueditor

2.我将ueditor原来的根目录名“jsp”换成了“ueditor”,并将其放在了如下图springboot项目的resource目录下:

3.因为百度的uditor需要一些自己的jar包,有些maven公共仓库应该是没有的(小弟才疏学浅),因此可以参考:SpringBoot引入第三方jar包或本地jar包的处理方式,将ueditor所需的jar包放入某个路径下,我这里自己在resources目录下创建了一个jar目录存放它们,其实好像没必要拖出来,但是你要在pom里面配置好引入的路径即可!

4.在需要富文本编辑的页面引入一些uedditor的静态文件文件,然后是在那个页面初始化编辑器,可以参考:http://facer.me/490.html

遇到的一些问题:

1)因为自己前台用了easyui,并且把ueditor放在了easyui的dialog之中的,所以引入的ueditor静态资源文件可以只写在弹出框的父页面就可以了,

2)只在弹出框首次加载的时候渲染富文本编辑框,解决方法:

UE.delEditor('editor'); 
var ue = UE.getEditor('editor');

3)上传图片的弹出框、选择表情的弹出框都位于富文本之下,被覆盖掉了,那我们就去改一下z-idnex吧,在ueditor的根目录下的配置文件ueditor.config.js

4)图片无法上传,这也是整合中遇到的比较大的一个问题了,网上也看到过很多朋友的解决方法。

 

 


80 Clicks !

发表评论

电子邮件地址不会被公开。 必填项已用*标注