动用百度UMeditor富文本编辑器,修改自定义图片上传,修改源码

富文本编辑器,不多说了,那一个咱们应该都用到过,至于用到的怎么版本,这就分很两种

CK艾德itor:很早在此以前叫FCK,今年也用过,现在更名了,相比较盛行的二个插件,外国众多厂商在用

UEDITOGL450:百度花费的插件,lite版是UM

EasyUI编辑器:用easyUI的都懂,基本上肯定用到

其他的富文本编辑器就不说了,前七个小编自个儿用的可比多

EasyUI,自然作者是比较倾向于CK艾德itor,可是这一个插件不辅助图片上传,图片功用只可以链接过去,而不可能在控件本人中上传,所以就挑选了UMeditor

为啥采取UM,不选取UE,其实都大致,UM精简了多数,而且非常的小,UE效率太多而且多数事物都用不到

那正是说先来说说上传吧,引进JS什么的隐私了,网络都有

要拓展图纸上传先要定义好静态目录,如下:

EasyUI 1

 

再来看看百度目录的布局

EasyUI 2

 

先是个框中是百度温馨的上传,可以不用她,本身自定义上传,作者用的是springMVC
+
fastDFS图片服务器,只要修改地址就足以直接上传,相关文章能够参照小编原先的博客

展开umeditor.config.js那一个文件,那是UM的配置文件,能够自定义许多事物

EasyUI 3

 

蒙面原来的imageU兰德索罗德L就能够,修改为你和谐项目中正在使用的图样上传接口就能够,注意,必须是支撑ajax异步上传的

那就是说好,今后开头项目测试,图片上传是没分外,不过图片显示会有毛病,原因是再次回到的JSON和百度的格式不相称

这正是说如何做,2种做法,适配本身的回到数据格式

还是直接修改百度的js源码

作者作者利用了第二种做法,究竟本身的数量格式自身最知道

开采这几个门路下的image.js

/danger-manager-web/src/main/webapp/WEB-INF/umeditor1_2_2-utf8-jsp/dialogs/image/image.js

找到如下方法

EasyUI 4

 

那些法子是打响后实行的,如图,callback是用来呈现图片内容的,笔者向来退换callback,改变数据格式

EasyUI 5

 

修改image中的href就能够,最后得以显示图片

EasyUI 6

 

相关文章