百度富文本从下载使用到运行成功(运用在maven项目中,图片和视频上传到阿里云)

1:下载我就不说了,直接进入使用正题,我们从网上下载的包我下载的时jsp的,
这里写图片描述
2:然后将包导入到maven 项目中,(要求是下载之后的整个包内容)
这里写图片描述
3:由于Ueditor使用时需要有jar包支持,所以将ueditor\jsp\lib 下的jar包放到WEB-INF /lib下 ,然后在项目中引用这些jar包,操作如图:

这里写图片描述
添加jar包的整个过程
4:jar包准备好后,开始引入ueditor
从js到jsp配置到预览成功截图
5:接下来就是内容输入和图片上传的方法请求路径啦,也是坑比较多的时候,这里仅仅讲一下图片上传的路径和回显,
在对应的jsp中重写ueditord 路径,

UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl; UE.Editor.prototype.getActionUrl = function(action) { if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage' || action=='uploadvideo') { return "${imageServer }/front/person/uploadProjectDetailImg.htm"; } else if (action == 'uploadvideo') { return 'http://a.b.com/video.php'; } else { return this._bkGetActionUrl.call(this, action); } } UE.Editor.prototype._bkGetContentLength = UE.Editor.prototype.getContentLength; UE.Editor.prototype.getContentLength = function(){ return this.getContent().length; }

上传成功后,ueditor的图片回显需要的字段是state:success,url:你的路径,所以,在action执行完成后需要返回一个json格式的字符串,这样图片才能正常回显,其他的坑可以通过百度慢慢来了解,学习,这里就先学习到这,多谢!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值