wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

Vue2获取Html有时 img没有闭合

Open SevenYom opened this issue 3 years ago • 16 comments

bug 描述

img有时没有闭合,后端无法转换pdf

你预期的样子是?

img有闭合标签

系统和浏览器及版本号

  • win10
  • 谷歌

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)

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

SevenYom avatar Sep 16 '22 01:09 SevenYom

怎么复现?

wangfupeng1988 avatar Sep 16 '22 04:09 wangfupeng1988

官方文档可以复现

SevenYom avatar Sep 19 '22 05:09 SevenYom

在两行文字中间独立添加一行图片,修改图片宽高 ,给首行文字添加背景色和字体颜色,第二行字体添加斜体粗体和行高。 img会没有闭合,后端无法生成pdf。 现在暂时用正则匹配对闭合进行了添加处理。 王大佬看看bug是否确实存在,望修改,谢谢

SevenYom avatar Sep 19 '22 05:09 SevenYom

我按你的步骤试了一下,img 标签闭合了。如下图

image

wangfupeng1988 avatar Sep 19 '22 08:09 wangfupeng1988

1d8c68fc277c8677a4e76e0c3cd74ad 昨天表述复现存在问题

SevenYom avatar Sep 20 '22 01:09 SevenYom

最主要操作应该是图片修改大小、同行文字改变行高

SevenYom avatar Sep 20 '22 01:09 SevenYom

已复现

wangfupeng1988 avatar Sep 20 '22 01:09 wangfupeng1988

image

MaQiangWei avatar Sep 20 '22 04:09 MaQiangWei

1663649448(1)/(<img[^>]src[="'\s]+[^.]/([^.]+).[^"']+["']?[^>]*")(>)/gi, '$1/$3' 可以通过正则单独处理img,这串正则不知是否合适,我目前试用没有问题

SevenYom avatar Sep 20 '22 04:09 SevenYom

我的正则是这样 replace(/\<img(.*?)\>/ig,'<img$1/>') image

MaQiangWei avatar Sep 20 '22 05:09 MaQiangWei

好,我有空升级一下

wangfupeng1988 avatar Sep 20 '22 05:09 wangfupeng1988

你的正则统一匹配所有的img ,但是有些img是已经存在闭合了,两个/ 传输给后端不知是否可以转换。

SevenYom avatar Sep 20 '22 06:09 SevenYom

在你的基础上简化了一下正则 (<img src.*")(>) 不太会用正则,有问题还请大佬指点qwq

SevenYom avatar Sep 20 '22 06:09 SevenYom

目前的编辑器给你的img都是没有闭合的啊,会出现一部分闭合的这种情况吗

MaQiangWei avatar Sep 20 '22 07:09 MaQiangWei

会出现有闭合和无闭合同时存在的情况,将作者第一次复现失败和我的复现结合应该就会出现,实际应用中也确实出现过 。

SevenYom avatar Sep 20 '22 07:09 SevenYom

.replace(/\<img(.*?)(?<!\/)\>/ig,'<img$1/>')

MaQiangWei avatar Sep 20 '22 11:09 MaQiangWei