在vue中使用wangEditor富文本编辑器

目录

 

wangEditor编辑器 Vue基本配置项

1.安装wangEditor

2.创建公共组件

3. 编译器组件内容

代码效果图

5.对应官方文档介绍位置

1.安装和引入

2.创建 编译器需要获取DOM元素 vue组件配置属性 ref获取DOM

3.编译器菜单配置

---

wangEditor编辑器 Vue基本配置项

说明：vue项目搭建是通过 vue-cli搭建的项目

官网文档网址：

官网：https://www.wangeditor.com/

文档：https://doc.wangeditor.com/

最终效果：

1.安装wangEditor

cnpm install wangeditor@3.1 --save  (说明：安装4.xx版本 启动不了项目)

 

2.创建公共组件

3. 编译器组件内容

<template>
  <!-- ref配置 dom获取属性 -