1、在onload方法中添加截图上传监听事件spate时,注意:粘贴的图片来源只能是QQ、微信、钉钉等聊天工具中产生的图片。(比如聊天记录中的图片、输入框中的截图、复制桌面上的图至输入框)
//添加粘贴监听方法
this.editor.on('load', () => {
document.getElementById('editormd_' + _this.editorId).addEventListener('paste', function(event){
this.pasteUpload(event);
})
})
//方法中获取file上传
pasteUpload($event) {
let items = ($event.clipboardData || $event.originalEvent.clipboardData).items;
for (let index in items) {
let item = items[index];
if (item && item.kind === 'file' && item.type.match(/^image\//i)) {
//获取file对象
let file = item.getAsFile();
}
}
}
2、vue前后端分离无法使用editor.md自带图片上传功能解决方法:自定义工具栏图标、点击上传事件
toolbarIcons添加自定义标签uploadImageIcon
toolbarIconsClas