bug ： 从word复制的表格数据 backspace键 无法删除

[along521]

bug 描述

从word复制的表格数据 无法删除

你预期的样子是？

可以删除 ，选中可删除，目前按backspace无效。

系统和浏览器及版本号

• macos 15
• 谷歌最新

wangEditor-next 版本

"@wangeditor-next/editor": "^5.6.7",
"@wangeditor-next/editor-for-vue2": "^1.0.2",

demo 能否复现该 bug ？

能

最小成本的复现步骤

wps 新建word 创建表格 表格内随便写入任何数据 ，把表格复制进富文本，富文本里面的数据按 backspace键 无法删除

[cycleccc]

这个是刻意这么做的，可以多选删除或点击删除。后续可能会做这方面的优化。

[along521]

demo中 自己新建的表格 可以按键删除，选中后无法删除。

[cycleccc]

能录制操作视频看下吗

[along521]

能录制操作视频看下吗

copy_8F922F3F-782F-4338-A170-C6064A1A48CC.MOV

[cycleccc]

copy_8F922F3F-782F-4338-A170-C6064A1A48CC.MOV

以复现，会尽快解决

[cycleccc]

已在5.6.9 解决视频中的问题

[along521]

针对于目前富文本 复制的数据 表格无法删除 可以先用以下代码来处理复制的问题，可以改善无法使用删除键的问题

/**
 * 方法用于处理富文本的复制后表格内无法删除的问题，以及换行处理
 */
const customPaste = (editor: IDomEditor, event: ClipboardEvent) => {
  const html = event.clipboardData?.getData("text/html");
  if (html) {
    event.preventDefault();

    // 创建一个临时容器来处理粘贴的HTML
    const div = document.createElement("div");
    div.innerHTML = html;

    // 查找所有的table元素
    const tables = div.querySelectorAll("table");
    tables.forEach((table) => {
      // 查找table中的所有p标签
      const ps = table.querySelectorAll("p");
      ps.forEach((p) => {
        // 将p标签中的所有子节点提取到p的父节点中
        while (p.firstChild) {
          p.parentNode.insertBefore(p.firstChild, p);
        }
        // 在p标签后面加一个<br>标签来模拟换行
        const br = document.createElement("br");
        p.parentNode.insertBefore(br, p.nextSibling);

        // 移除空的p标签
        p.parentNode.removeChild(p);
      });
    });

    // 将修改后的HTML插入编辑器
    editor.dangerouslyInsertHtml(div.innerHTML);
    return true;
  }
  return false;
};