gva
/
web-admin
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改编辑器复制错误

This commit is contained in:
jacky 2024-05-23 12:01:24 +08:00
parent cc61263c97
commit 2406ad3b16
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/richtext/rich-edit.vue
View File

@ -80,7 +80,7 @@ const customPaste = (editor, event, callback) => {
// 显示蒙版 // 显示蒙版
loadingShow.value = true loadingShow.value = true
let htmlData = event.clipboardData.getData('text/html') // 获取粘贴的 html let htmlData = event.clipboardData.getData('text/html') // 获取粘贴的 html
// console.log(htmlData) console.log(htmlData)
if (htmlData == "") { if (htmlData == "") {
htmlData = event.clipboardData.getData('text/plain') // 获取粘贴的 html htmlData = event.clipboardData.getData('text/plain') // 获取粘贴的 html
// console.log(htmlData) // console.log(htmlData)
@ -96,10 +96,11 @@ const customPaste = (editor, event, callback) => {
// 从html内容中查找粘贴内容中是否有图片元素，并返回img标签的属性src值的集合 // 从html内容中查找粘贴内容中是否有图片元素，并返回img标签的属性src值的集合
const imgSrcs = htmlData.match(/<img [^>]*src=['"]([^'"]+)[^>]*>/g); const imgSrcs = htmlData.match(/<img [^>]*src=['"]([^'"]+)[^>]*>/g);
// console.log('imgSrcs', imgSrcs) if (imgSrcs && Array.isArray(imgSrcs) && imgSrcs.length) {
if (rtfData !== "") { //有图片，处理图片
// 处理 word 内图片 // console.log('imgSrcs', imgSrcs)
if (imgSrcs && Array.isArray(imgSrcs) && imgSrcs.length) { if (rtfData !== "") {
// 处理 word 内图片
// 从rtf内容中查找图片数据 // 从rtf内容中查找图片数据
const rtfImageData = extractImageDataFromRtf(rtfData); const rtfImageData = extractImageDataFromRtf(rtfData);
// 如果找到 // 如果找到
@ -111,9 +112,7 @@ const customPaste = (editor, event, callback) => {
loadingShow.value = false loadingShow.value = false
callback(false) callback(false)
} }
} } else {
} else {
if (imgSrcs && Array.isArray(imgSrcs) && imgSrcs.length) {
convertImgToBase64(imgSrcs).then(imgList => { convertImgToBase64(imgSrcs).then(imgList => {
imgList.forEach(item => { imgList.forEach(item => {
htmlData = htmlData.replace(item.src, item.tar) htmlData = htmlData.replace(item.src, item.tar)
@ -124,11 +123,12 @@ const customPaste = (editor, event, callback) => {
loadingShow.value = false loadingShow.value = false
callback(false) callback(false)
}) })
} else {
editor.dangerouslyInsertHtml(htmlData);
loadingShow.value = false
callback(false)
} }
} else {
//无图片，直接复制
editor.dangerouslyInsertHtml(htmlData);
loadingShow.value = false
callback(false)
} }
event.preventDefault() event.preventDefault()
} }