1.默认效果

2.修改后的效果

3.具体步骤如下

3.1 源码copy到我们的组件模块下，删掉无用代码，结构如下

3.2 修改项目引用，直接引用我们本地组件

import AvueUeditor from '@/components/avue-plugin-ueditor';

3.3 修改main.vue文件，主要修改两个方法

1.initEdit()方法中增加一下代码

// 配置 server 接口地址
this.editor.config.uploadVideoServer = '/front-api/file/upload';

2.增加initUploadVideo()方法

// 上传视频
initUploadVideo() {this.editor.config.customUploadVideo = (resultFiles, insertVideoFn) => {// resultFiles 是 input 中选中的文件列表// insertVideoFn 是获取视频 url 后，插入到编辑器的方法// 上传视频，返回结果，将视频地址插入到编辑器中this.uploadFile(resultFiles[0]).then(res => {insertVideoFn(res);});};
},

3.initEdit()方法中调用一下上传视频的方法

this.initUploadVideo();

4.wangeditor官方文档

Avue2 wangeditor(富文本) 支持视频上传相关推荐

wangeditor富文本编辑器添加上传本地视频功能
wangeditor.js全部代码(可选择复制) (function (global, factory) {typeof exports === 'object' && typeof ...
WangEditor富文本编辑器图片上传踩坑之路
最近由于业务需求,需要用到富文本编辑器,找寻了好久,起初想使用百度的ueditor,但在使用的过程中实在是遇到了太多的坑,于是另外锁定了一款富文本编辑器--wangEditor.这是一款轻量级的富文本 ...
layui富文本编辑器上传图片java_解决layui富文本编辑器图片上传无法回显的问题...
layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...
富文本编辑器图片上传失败的BUG解决：IndexError：list index out of range
富文本编辑器图片上传失败的BUG解决问题原因我们将通过Django上传的图片保存到了FastDFS中,而保存在FastDFS中的文件名没有后缀名(.png/.jpg/.jif),而ckeditor ...
layui富文本编辑器图片上传无法回显问题解决
layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...
WangEdit富文本编辑器增加上传视频功能
乘着今天中午的时间对以前项目的一个需求进行一定的处理前天去了甲方公司接到了了一个新的需求就是可以把项目的一个富文本的编辑器可以设置为能够上传视频于是乎就要对vue里面的这个组件进行操作了 ...
全网最直接简单。百度富文本跨域上传文件到文件服务器
看了很多文章其实也有很多办法,实现跨域上传.现在讲我目前所用的方法.只实现的多图上传.单图上传失败. 接下来必须认真的看完文章. 当前我用的版本为UEditor1.4.3. 这里主要是实现重写接收文 ...
summernote支持视频上传功能，综合几个版本亲测可用
原框架只支持视频链接上传,局限性比较大,不能上传本地的视频,综合这我查了几天资料 ,有个版本要么可用但是部分图标显示错误,综合0.8.12和0.8.18 版本整理.增加上传内容转载其他处,其余的均是自 ...
wangEditor Java富文本的图片上传
上一篇 wangEditor的配置:https://blog.csdn.net/qq_35349982/article/details/103288508 这里主要讲 java后台我这里用的是七牛云 ...

Avue2 wangeditor(富文本) 支持视频上传

1.默认效果

2.修改后的效果

3.具体步骤如下

3.1 源码copy到我们的组件模块下，删掉无用代码，结构如下

3.2 修改项目引用，直接引用我们本地组件

3.3 修改main.vue文件，主要修改两个方法

Avue2 wangeditor(富文本) 支持视频上传相关推荐

最新文章

热门文章