<html> <head> <script type="text/javascript" src="${res}/wapstatic/statics/plugins/wangEditor/wangEditor.min.js"></script> </head> <body> <div ref="editor"></div> <script> let editor; new Vue({ el: '#app', data() { return {} }, mounted() { this.initEditor(); }, methods: { initEditor() { let that = this; let E = window.wangEditor; editor = new E(this.$refs.editor); // 堆叠层级 editor.customConfig.zIndex = 0; // 保留的功能按钮 editor.customConfig.menus = [ 'undo', 'redo', 'image' ]; // 本地图片上传:关闭外部图片引入 editor.customConfig.showLinkImg = false; // 本地图片上传:写啥无所谓,反正customUploadImg()方法重写了 editor.customConfig.uploadImgServer = '/upload'; // 本地图片上传:重写方法 editor.customConfig.customUploadImg = function (files, insert) { // 逐个上传 files.forEach(item => { upload.image({ url: '${application.imageServerUrl}/upload/cors/single/图片上传接口', file: item, success: (res) => { if (res.status === 200) { // 塞进去 insert(res.data.图片Url); } }, error: () => (that.$message.error('上传失败')) }); }); }; editor.create(); } } }); </script> </body> </html>