使用富文本编辑器（avue-ueditor）基于wangeditor二次开发

1.npm install avue-plugin-ueditor --save

2.import avueUeditor from "avue-plugin-ueditor";（单文件引入方式）

<el-form-item label="模板内容">
    <avue-ueditor v-model="text" :options="options"></avue-ueditor>
 </el-form-item>
 
```
 
 需求：
 1.前端使用编写好html，放入副文本内，后端获取后向空格内填数据，发邮件出去，用户可预览填数据后的html页面
 2.可以在富文本内编辑html代码，wangeditor没有此功能，所以使用[avue-Ui](https://avuejs.com/plugins/ueditor-plugins.html#%E4%BB%A3%E7%A0%81)
 
 代码：
 1.options：配置项
 2.v-model：写好的html页面直接复制进去（会报错，格式不对），使用``包裹代码即可。
 
后端发来的格式：
``` <tr th:each="c,stat:${shipmentVgmDTO.container}" style="height:20px">
             <td th:text='${c.soNo}'></td>
             <td th:text='${c.containerNo}'></td>
           </tr>
```

 后端发来的格式， ${} 内可以获取到填数据，让原样发出去即可 后端使用的是：[Thymeleaf](https://www.cnblogs.com/msi-chen/p/10974009.html)
 
 遇到问题：
 1.这样格式会报错，然后尝试使用“”包裹 字符串格式，后端无法填数据，需要转义，应加：\
 
   `<td th:text='\${c.soNo}'></td>`
   
 2.如果之前已安装wangeditor插件，要先卸载，因为是基于它封装的，会覆盖现有插件