wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

使用 dangerouslyInsertHtml 方法,莫名其妙插入了空行和  字符

Open dancci opened this issue 11 months ago • 4 comments

bug 描述

使用 dangerouslyInsertHtml 方法,全选编辑器内容后粘贴,在首行莫名其妙插入了空行里面只有一个  字符

你预期的样子是?

未插入空行和  字符

系统和浏览器及版本号

  • windows11
  • google chrome Version 131.0.6778.140 (Official Build) (64-bit)

wangEditor 版本

"@wangeditor/editor": "^5.1.23",
"@wangeditor/editor-for-vue": "^5.1.10",

demo 能否复现该 bug ?

能/不能

  • 中文 demo https://www.wangeditor.com/demo/
  • English demo https://www.wangeditor.com/demo/?lang=en

在线 demo

请尽量提供在线 demo (推荐以下网站),帮助我们最低成本复现 bug

  • https://codesandbox.io/
  • https://codepen.io/
  • https://stackblitz.com/

最小成本的复现步骤

(请告诉我们,如何最快的复现该 bug)

粘贴文本来源:飞书在线文档表格,单元格内的富文本

<Editor
  v-model="valueHtml"
  :defaultConfig="editorConfig"
  :editorId="editorId"
  :style="editorStyle"
  @custom-paste="handleCustomPaste"
/>

import { Editor, Toolbar } from '@wangeditor/editor-for-vue'

function handleCustomPaste(editor, event, callback) { const html = event.clipboardData.getData('text/html') // 获取粘贴的 html const text = event.clipboardData.getData('text/plain') // 获取粘贴的纯文本 const rtf = event.clipboardData.getData('text/rtf') // 获取 rtf 数据(如从 word wsp 复制粘贴)

editor.dangerouslyInsertHtml(html)

// 阻止默认的粘贴行为 event.preventDefault() callback(false); // 返回 false ,阻止默认粘贴行为 return false }

dancci avatar Dec 18 '24 02:12 dancci

解决了吗?

zhangxinGithub avatar Jan 02 '25 06:01 zhangxinGithub

解决了吗?

没有,因为是自己用的后台,所以就手动删除空行了

dancci avatar Jan 07 '25 07:01 dancci

同样的问题 + 1

jzsn2018 avatar Apr 03 '25 07:04 jzsn2018

这类问题在 wangeditor-next 已经处理了大部分情况

cycleccc avatar Apr 03 '25 09:04 cycleccc