官网：

wangEditor  https://www.wangeditor.com/v5/

为啥用这个富文本编辑器（我觉得官网写自己优势已经非常好了没有啥可补充的了）

文档特别的全和友好

安装

yarn add @wangeditor/editor

或者 npm install @wangeditor/editor --save

vue3
yarn add @wangeditor/editor-for-vue@next

或者 npm install @wangeditor/editor-for-vue@next --save

vue2
yarn add @wangeditor/editor-for-vue

或者 npm install @wangeditor/editor-for-vue --save

安装 React 组件(可选)
yarn add @wangeditor/editor-for-react

或者 npm install @wangeditor/editor-for-react --save

cdn

效果样式：

特别说明我的修改文章和发布文章用的是同一个路由地址和组件就只改改接口和一些文字

定义一个子组件专门放编辑器的

定义父组件来引用富文本编辑器 （因为我的element 组件是cdn引入所以不用按需引入就能使用看你们个人情况）

真的是写代码十分钟打注释半个小时 ^_^