wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

从 word 复制 粘贴 到 编辑器 格式的问题

Open zxueliang opened this issue 2 years ago • 13 comments

bug 描述

从 word 复制内容 粘贴 到 编辑器 后,格式有的时候不一致,如:有的文字会多出来 下划线,在word里的时候表格和文字是对齐的,到编辑器里表格没有自适应宽度等问题(着急使用

你预期的样子是?

和word的格式一致

系统和浏览器及版本号

  • 操作系统:win10
  • 浏览器和版本:chrome 103.0.5060.114

wangEditor 版本

V5最新版本

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)

  • 步骤一
  • 步骤二
  • 步骤三

zxueliang avatar Jul 14 '22 01:07 zxueliang

把能复现问题的 word 文档上传上来吧,并再次补充一下每个问题的详细复现步骤。

虽然你着急使用,但 word 的粘贴优化无法短期搞的很完善,我们会排队解决。

wangfupeng1988 avatar Jul 14 '22 03:07 wangfupeng1988

见 QQ群 wangEditor 用户交流群 9 的 群文件(门诊患者流行病学史调查表.docx)word 文档,打开后,全选复制,然后粘贴 到 编辑器里,样式会发生改变。(最近这2天能给优化一个版本吗?)

zxueliang avatar Jul 14 '22 05:07 zxueliang

@zxueliang 第一,把 word 文档上传到这里来,qq 群文件乱的很。

第二,我可以先开始排查一下,但不能保证 2 天搞定

wangfupeng1988 avatar Jul 14 '22 05:07 wangfupeng1988

门诊患者流行病学史调查表.docx @wangfupeng1988 word文档在这个,帮忙给排查一下,谢谢

zxueliang avatar Jul 14 '22 06:07 zxueliang

@wangfupeng1988 将(问题.docx)里的内容复制粘贴到编辑器里,和word的格式不一样 一、 表格里的内容有下滑线的,复制粘贴到编辑器下划线没有了,加粗效果也没有了 二、 表格里的内容复制到编辑器里每一行不换行; 三、 表格不自动自适应宽度; 四、 部分文字有下划线的话,复制到编辑器里整行都有下划线的问题 问题.docx 目前测试出来这些问题,看看还有其他问题吗?比较着急用。

V4我看应该没有这些问题吧,V5问题比较多啊

zxueliang avatar Jul 14 '22 08:07 zxueliang

表格不自动自适应宽度; 在编辑器点击表格,有一个“宽度自适应”的菜单,点击即可自适应

其他问题我都复现了,但这两天肯定改不完。业余维护,还请体谅。

wangfupeng1988 avatar Jul 15 '22 06:07 wangfupeng1988

V4我看应该没有这些问题吧,V5问题比较多啊

V4 和 V5 是两个不同的机制。

  • V4 对 HTML 格式不限制,你粘贴的任何东西都是原样展示。但是,这带来了很多编辑操作的 bug
  • V5 固定了 HTML 的格式,固定了内部的数据结构,这使得编辑器操作更加稳定。但这就无法准确识别所有的 HTML 格式,例如粘贴外部网页、粘贴 word 格式等。

所以,你可以说 v5 的粘贴问题比较多,兼容性不如 v4 ,但这是为什么?我肯定不会故意限制粘贴的兼容性,是有更加重要的原因。

如果考虑富文本编辑器所有功能(不仅仅是粘贴),v5 比 v4 高一个级别。我为 v5 升级整整开发了一年,这一年不是白干的。

所有的,包括群里,那些看着 v4 比 v5 好的人,都是不了解富文本编辑器的人。

wangfupeng1988 avatar Jul 15 '22 06:07 wangfupeng1988

表格不自动自适应宽度; 在编辑器点击表格,有一个“宽度自适应”的菜单,点击即可自适应

如果表格在 word 里 宽度 是自适应的,那么粘贴到编辑器里宽度也是自动适应的,不用在手动去调整。 这些问题解决咋样了,大概哪天能修复好呢,确实着急用

zxueliang avatar Jul 18 '22 00:07 zxueliang

@zxueliang 抱歉,我没法给你确切的解决时间。我业余解决 bug ,还请体谅。

wangfupeng1988 avatar Jul 18 '22 01:07 wangfupeng1988

表格.docx 烦请看看 这个表格的样式 复制到富文本 丢失了样式 是和上面类似的原因么?

liujian891010 avatar Jul 19 '22 08:07 liujian891010

PPT文件文本内容为li标签复制进去会换行,V4版本不会,在线等,产品经理发现这个问题了。

原文件截图: image

复制到编辑器截图: image

frontend-winter avatar Sep 09 '22 05:09 frontend-winter

@wangfupeng1988 大佬可以看看这个问题吗,急急急急急

frontend-winter avatar Sep 09 '22 05:09 frontend-winter

复制完之后,你获取 editor.getHtml() 看是什么内容? @frontend-winter

wangfupeng1988 avatar Sep 09 '22 07:09 wangfupeng1988