富文本编辑器的必填校验

安装富文本编辑器  npm install @wangeditor/editor --save

全局引入样式 （main.js文件中引入）  import '@wangeditor/editor/dist/css/style.css'

下面是链接

https://www.wangeditor.com/v5/installation.html

项目场景：

---

问题描述

当编辑框为空的的时候，并没有触发必填校验

原因分析：

提示：这里填写问题的分析：

富文本编辑器在为空的时候，也是有标签的，默认标签是p标签，也有可能时选择的h1标签（或者

是别的标签）但是h1标签可能还没输入内容，所以，表单验证要验证富文本编辑框里面的内容

可以使用 this.editor.getText().trim().length>0 来判断富文本编辑框是否有内容

---

解决方案：

提示：这里填写该问题的具体解决方案：

 1：富文本编辑框组件

2：富文本编辑框组件传过来change事件带过来的值赋值给表单，然后监听表单的值

3：在其他位置返显富文本编辑器的的内容要用v-html=""