'处理非https下navigator.clipboard方法无法获取,导致无法复制黏贴外部文本'
This commit is contained in:
parent
766ce310d0
commit
3d9d172fa0
@ -97,6 +97,7 @@ class Render {
|
|||||||
this.beingPasteText = ''
|
this.beingPasteText = ''
|
||||||
this.beingPasteImgSize = 0
|
this.beingPasteImgSize = 0
|
||||||
this.currentBeingPasteType = ''
|
this.currentBeingPasteType = ''
|
||||||
|
this.pasteData = { text: null, img: null}
|
||||||
// 节点高亮框
|
// 节点高亮框
|
||||||
this.highlightBoxNode = null
|
this.highlightBoxNode = null
|
||||||
this.highlightBoxNodeStyle = null
|
this.highlightBoxNodeStyle = null
|
||||||
@ -131,8 +132,14 @@ class Render {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 解绑事件
|
||||||
|
unBindEvent() {
|
||||||
|
window.removeEventListener('paste', this.handlePaste)
|
||||||
|
}
|
||||||
|
|
||||||
// 绑定事件
|
// 绑定事件
|
||||||
bindEvent() {
|
bindEvent() {
|
||||||
|
console.log('------------------------')
|
||||||
// 画布点击事件清除当前激活节点列表
|
// 画布点击事件清除当前激活节点列表
|
||||||
this.mindMap.on('draw_click', e => {
|
this.mindMap.on('draw_click', e => {
|
||||||
this.clearActiveNodeListOnDrawClick(e, 'click')
|
this.clearActiveNodeListOnDrawClick(e, 'click')
|
||||||
@ -161,6 +168,14 @@ class Render {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
// 处理非https下的复制黏贴问题
|
||||||
|
if(!navigator.clipboard) {
|
||||||
|
this.handlePaste = this.handlePaste.bind(this)
|
||||||
|
window.addEventListener('paste', this.handlePaste)
|
||||||
|
this.mindMap.on('beforeDestroy', () => {
|
||||||
|
this.unBindEvent()
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 性能模式,懒加载节点
|
// 性能模式,懒加载节点
|
||||||
@ -415,7 +430,7 @@ class Render {
|
|||||||
})
|
})
|
||||||
// 粘贴节点
|
// 粘贴节点
|
||||||
this.mindMap.keyCommand.addShortcut('Control+v', () => {
|
this.mindMap.keyCommand.addShortcut('Control+v', () => {
|
||||||
this.paste()
|
if(navigator.clipboard) this.paste()
|
||||||
})
|
})
|
||||||
// 根节点居中显示
|
// 根节点居中显示
|
||||||
this.mindMap.keyCommand.addShortcut('Control+Enter', () => {
|
this.mindMap.keyCommand.addShortcut('Control+Enter', () => {
|
||||||
@ -1118,6 +1133,28 @@ class Render {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 非https下复制黏贴,获取内容方法
|
||||||
|
handlePaste(event){
|
||||||
|
const clipboardData = event.clipboardData || event.originalEvent.clipboardData || window.clipboardData
|
||||||
|
const items = clipboardData.items
|
||||||
|
const clipboardType = items && items.length ? items[0].type : ''
|
||||||
|
const isImg = clipboardType.indexOf('image') > -1
|
||||||
|
const isText = clipboardType.indexOf('text') > -1
|
||||||
|
this.pasteData = { img: null, text: null}
|
||||||
|
|
||||||
|
// 复制的图片处理逻辑
|
||||||
|
if (isImg) {
|
||||||
|
for (let index in items) {
|
||||||
|
const item = items[index]
|
||||||
|
if (item.kind === 'file') this.pasteData.img = item.getAsFile()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 复制的文本处理逻辑
|
||||||
|
if (isText) this.pasteData.text = clipboardData.getData('text')
|
||||||
|
console.log(this.pasteData.text,'===-=-=-dasd')
|
||||||
|
this.paste()
|
||||||
|
}
|
||||||
|
|
||||||
// 粘贴
|
// 粘贴
|
||||||
async paste() {
|
async paste() {
|
||||||
const {
|
const {
|
||||||
@ -1131,7 +1168,7 @@ class Render {
|
|||||||
let img = null
|
let img = null
|
||||||
if (!disabledClipboard) {
|
if (!disabledClipboard) {
|
||||||
try {
|
try {
|
||||||
const res = await getDataFromClipboard()
|
const res = navigator.clipboard ? await getDataFromClipboard() : this.pasteData
|
||||||
text = res.text || ''
|
text = res.text || ''
|
||||||
img = res.img || null
|
img = res.img || null
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -1565,7 +1602,7 @@ class Render {
|
|||||||
this.setNodeDataRender(node, data)
|
this.setNodeDataRender(node, data)
|
||||||
// 更新了连线的样式
|
// 更新了连线的样式
|
||||||
if (lineStyleProps.includes(prop)) {
|
if (lineStyleProps.includes(prop)) {
|
||||||
;(node.parent || node).renderLine(true)
|
(node.parent || node).renderLine(true)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1586,7 +1623,7 @@ class Render {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
if (hasLineStyleProps) {
|
if (hasLineStyleProps) {
|
||||||
;(node.parent || node).renderLine(true)
|
(node.parent || node).renderLine(true)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user