vue2富文本编辑---简单实现文字、图片、视频等功能可以同时编辑

效果图：

1、安装  按照顺序执行

1、yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --save

2、yarn add @wangeditor/editor-for-vue # 或者 npm install @wangeditor/editor-for-vue --save

2、在对应使用页面加入

a、html:

<template>
		<div class="content-box">
<!-- 引入富文本编辑器 start -->
						<template>
							<div style="border: 1px solid #ccc;margin: 20px 20px 20px 30px;">
								<Toolbar style="border-bottom: 1px solid #ccc" :editor="editor"
									:defaultConfig="toolbarConfig" :mode="mode" />
								<Editor style="height: 500px; overflow-y: hidden;" v-model="html"
									:defaultConfig="editor