wangEditor
wangEditor copied to clipboard
Vue2获取Html有时 img没有闭合
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)
- 步骤一
- 步骤二
- 步骤三
怎么复现?
官方文档可以复现
在两行文字中间独立添加一行图片,修改图片宽高 ,给首行文字添加背景色和字体颜色,第二行字体添加斜体粗体和行高。 img会没有闭合,后端无法生成pdf。 现在暂时用正则匹配对闭合进行了添加处理。 王大佬看看bug是否确实存在,望修改,谢谢
我按你的步骤试了一下,img 标签闭合了。如下图
昨天表述复现存在问题
最主要操作应该是图片修改大小、同行文字改变行高
已复现

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

好,我有空升级一下
你的正则统一匹配所有的img ,但是有些img是已经存在闭合了,两个/ 传输给后端不知是否可以转换。
在你的基础上简化了一下正则
(<img src.*")(>)
不太会用正则,有问题还请大佬指点qwq
目前的编辑器给你的img都是没有闭合的啊,会出现一部分闭合的这种情况吗
会出现有闭合和无闭合同时存在的情况,将作者第一次复现失败和我的复现结合应该就会出现,实际应用中也确实出现过 。
.replace(/\<img(.*?)(?<!\/)\>/ig,'<img$1/>')