背景:
我使用ueditor的背景是 vue+vue-cli+webpack
1:引入ueditor;
(1)把下载下来的文件放入项目的static文件下
2:修改ueditor.config.js文件
加上红框中的代码
3:页面引入
根据自己项目的路径
代码:
4:上传图片
在下载下来的ueditor包里面,有一个jsp文件,其实前端同学不用管,对于图片上传,只需要后台同学给你一个接口地址。配置在ueditor.config.js里面的serverUrl里面
但是图片上传是会出现跨域的情况,比如你上传图片。明明后台接口都调通了,但是还是提示上传错误。可以这样解决
(1)配置跨域
(2)配置在ueditor.config.js里面的serverUrl里面加上
比如你的接口地址是 172.20.11.67:8081/aa/bb
那你现在需要配置serverUrl成 你的本地地址 + 'zf/aa/bb';
比如我本地的运行
http://dev-isp.yiche.com:8080/#/。。。。
现在改成 'http://dev-isp.yiche.com:8080/zf/aa/bb';
3:上传视频。
在ueditor.config.js里面的serverUrl不用配置了,还是用原来的那一套。
但是视屏上传成功后,视屏是一个空框,也不能播放。我们需要修改一下几个地方
(1)ueditor.config.js的whitList里面
img属性里面加上_url
在后面加上这几行
(2)在ueditor.all.js里面
把image修改成video
注释掉这几行