Vue+UEditor+秀米

一、下载Ueditor相关静态文件存放位置
去Ueditor官网下载相关资源(本文下载的1.4.3.3版本):
下载之后，把资源放到 /static/ueditor/ 目录下。文档结构如下：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190617165216197.png

二、 在main.js中全局引入需要的文件

三、创建一个 ueditor.vue 组件

四、在项目中使用 ueditor 组件


五、根据不同情况调用 editor 中的方法
1.添加时，获取富文本内容
this.$refs.ueditor.getUEContent()

2.编辑时，设置富文本内容
this.$refs.ueditor.setContent( 接口返回值 )

六、UEditor插入秀米
秀米的第三方对接文档：http://hgs.xiumi.us/uedit/

1.在 index.html 中引用 xiumi-ue-dialog-v5.js 和 xiumi-ue-v5.css，也可以下载后在代码里面插入。

2.下载 xiumi-ue-dialog-v5.html 和 internal.js，将其放置于你的ueditor 目录内

3.如果你将其放置于其他目录，请修改 xiumi-ue-dialog-v5.js中相应的内容:

4.修改UEditor的配置（ueditor.config.js），将其中的“xxs过滤白名单”加上

5.秀米插入编辑器时格式错乱，关闭 ueditor.config.js 中的 xss

6.效果