vue中 vue2-editor富文本编译器的使用

1概述

在项目中，会需要使用富文本编辑器去编辑或保存文档、图片、视频等信息去描述某一个物品的详细信息与介绍。可使用vue的图文编辑vue2-editor去处理这些事情。

Vue2-Editor 使用

Vue-Editor底层采取的是quill.js，而quill.js采用的是html5的新属性classList，所以版本低于ie10会报错“无法获取未定义或 null 引用的属性‘confirm’”,而作者写该组件时似乎把ie10也舍弃了,直接支持ie11+，因此需要兼容ie9,ie10的建议更换编辑器。

1. 安装

npm install --save vue2-editor

2. 组件中使用

<VueEditor style="width: 80%"  <!--宽度-->
        useCustomImageHandler<!--处理图像上传，而不是使用默认转换为Base64 默认图片为base64路径 加上此属性后显示为正常路径-->
        @imageAdded="handleImageAdded"<!--上传图片函数-->
        :editorToolbar="customToolbar"<!--自定义工具栏-->
        v-model="content"><