tinymce-vue自定义图片上传插件，在插件中调用vue组件

');editor.ui.registry.addButton('uploadImg',{icon:'upload',tooltip:'uploadImg',//鼠标移动时按钮上显示的文字提示onAction:function(){uploadEvent(editor)}});editor.ui.registry.addMenuItem('uploadImg',{icon:'upload',text:'uploadImg',onAction:function(){uploadEvent(editor)}});};var按钮秒={注册:注册$1};//图片按钮事件letuploadEvent=function(editor){letloader=newVue({render:(h,con)=>{returnh(TinymceUpload,{props:{panelShow:true,},on:{hidePanel(val){//关闭上传工具弹框document.body.removeChild(content.$el)content=nullloader.$destroy()},successUpload(imgList){//获取上传完成回调imgList.forEach((item,key)=>{if(item!=undefined){editor.focus();letidName=`${newDate().getTime()}-${key}`//为每个添加一个id图片、时间戳和索引，保证图片id唯一，添加id是为了方便后续操作，比如给插入的图片添加编辑按钮editor.selection.setContent(editor.dom.createHTML('img',{src:item,id:idName}));}})},}})}})letcontent=loader.$mount()document.body.appendChild(content.$el)}functionPlugin(){global.add('uploadImg',function(editor){Commands.register(editor);Buttons.register(编辑器);});}插入（）;}（））;这种写法虽然可以满足我们的业务需求，但是总觉得不够优雅。有其他好的方案的也可以一起交流。虽然看起来很简单，但它只是一个模板，除非是简单的在编辑框中插入一张图片，否则如果加上业务逻辑就不那么简单了。废话说完，附上一个超精简的demo。以后有时间的话，我会结合一些业务需求，把插件和组件打包做成一个组件库。那么以后如果有tinymce的插件扩展，也会在这个简易版中。继续在demo上添加定义插件模板