amass/md
1
0
Fork 0
mirror of https://github.com/doocs/md.git synced 2025-01-22 20:04:39 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: copy svg (#491)
All checks were successful
Build and Deploy / build-and-deploy (push) Has been skipped
Details

Browse Source 
close #490
This commit is contained in:
Libin YANG 2024-12-23 11:34:33 +08:00 committed by GitHub
parent 8d620bc693
commit 1ab6cbfeb2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/CodemirrorEditor/EditorHeader/index.vue
View File

@ -64,6 +64,15 @@ const copyMode = useStorage(addPrefix(`copyMode`), `txt`)
const source = ref(``)
const { copy: copyContent } = useClipboard({ source })
const creatEmptyNode = () => {
const node = document.createElement(`p`)
node.style.fontSize = `0`
node.style.lineHeight = `0`
node.style.margin = `0`
node.innerHTML = ` `
return node
}
// 复制到微信公众号
function copy() {
emit(`startCopy`)
@ -107,13 +116,11 @@ function copy() {
clipboardDiv.focus()
// edge case: 由于 svg 无法复制， 在前面插入一个空节点
const p = document.createElement(`p`)
p.style.fontSize = `0` // 设置字体大小为 0
p.style.lineHeight = `0` // 行高也为 0
p.style.margin = `0` // 避免外边距干扰
p.innerHTML = ` `
clipboardDiv.insertBefore(p, clipboardDiv.firstChild)
// 由于 svg 无法复制， 在前后各插入一个空白节点
const beforeNode = creatEmptyNode()
const afterNode = creatEmptyNode()
clipboardDiv.insertBefore(beforeNode, clipboardDiv.firstChild)
clipboardDiv.appendChild(afterNode)
// 兼容 Mermaid
const nodes = clipboardDiv.querySelectorAll(`.nodeLabel`)