WangEdit富文本编辑器增加上传视频功能

Posted 小歌谣(公众号同名)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WangEdit富文本编辑器增加上传视频功能相关的知识,希望对你有一定的参考价值。

乘着今天中午的时间 对以前项目的一个需求进行一定的处理

前天去了甲方公司

接到了了一个新的需求

就是可以把项目的一个富文本的编辑器可以设置为能够上传视频

于是乎

就要对vue里面的这个组件进行操作了

首先我们可以看一眼官网的文档

需要用到的就直接到官网文档进行查询即可了

 需求(接口文档)

 

由于官网的的文档是对原生js进行说明的

所以vue的写法就可以这样先写了、

代码部分(封装子组件)

<template lang="html">
  <div class="editor">
    <!--定义的为表头的属性-->
    <div ref="toolbar" class="toolbar">
    </div>
    <!--定义的为表格的属性-->
    <div ref="editor" class="text" >
    </div>
  <

以上是关于WangEdit富文本编辑器增加上传视频功能的主要内容,如果未能解决你的问题,请参考以下文章

Simditor 富文本编辑器多选图片上传视频连接插入

django xadmin 集成DjangoUeditor富文本编辑器

TinyMce-Vue 富文本整合,实现图片视频上传功能

CKEditor富文本编辑器踩坑-上传视频后无法删除视频和获取鼠标编辑状态光标

CKEditor富文本编辑器踩坑-上传视频后无法删除视频和获取鼠标编辑状态光标

CKEditor富文本编辑器踩坑-上传视频后无法删除视频和获取鼠标编辑状态光标