vue-cli3结合ueditor里使用秀米总结

第一步：安装vue-ueditor-wrap：npm i vue-ueditor-wrap

第二步：从ueditor官网下载资源放在public/static下，如图：

第三步：从秀米官网下载资源放在public/static/UE/dialogs下，如图：

第四步：修改文件

1. ueditor.config.js ：修改

section:['class', 'style'],

img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', '_url', 'loadingclass', 'class', 'style', 'data-latex','data-ratio','data-w','_width'],


//编辑器放在弹出框里字体颜色等其他属性弹出框会被遮盖，这里修改层级就行
zIndex:2001,

2. xiumi-ue-dialog-v5.js ：修改iframeUrl值editor.ui.UEDITOR_HOME_URL+ 'dialogs/xiumi-ue-dialog-v5.html'

3. xiumi-ue-dialog-v5.html : 修改引入internal.js的位置,并加入editor.fireEvent("catchRemoteImage");这句话，(将秀米图片保存本地用的)

第五步：在public/index.html里引入资源：（注意引入顺序）

<script src="./static/UE/ueditor.config.js"></script>

<script src="./static/UE/ueditor.all.min.js"></script>

<link rel="stylesheet" href="./static/UE/dialogs/xiumi-ue-v5.css">

 <script src="./static/UE/dialogs/xiumi-ue-dialog-v5.js"></script>

最后一步：在页面中使用ueditor

将 UEDITOR_HOME_URL设置为process.env.BASE_URL+'static/UE/'，

serverUrl为实际的上传图片接口