editor修改样式 vue_Vue-Quill-Editor在vue中自定义选择视频插入编辑文章中

vue-quill-editor 是 Vue 项目中使用的 富文本编辑器

1 引言

在实际应用开发中，在常见的管理后台或者是多媒体管理后台，多多少少都会有富文本编辑器，而在编辑富文本时，通常的一个需求就是在富文本中插入图片或者视频，本篇文章讲述的就是在 vue 项目中，使用 Vue-Quill-Editor 编辑器在富文本中插入视频。

官方的效果如下图1所示 点击这里查看Vue-Quill-Editor官方效果

图1

在实际应用开发中，官方提供的效果往往满足不了我们的效果，而通过我们自定义样式后，达到如下的效果

图2

2 一步步实现我们上面的效果

在实际项目中，我们有引用到 quill-editor 的地方，如这里写的

<quill-editor class="editer" 
         ref=&