wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

对于如下结构的html页面, 复制粘贴无法获取该结构下的图片

Open Syinho opened this issue 1 year ago • 1 comments

bug 描述

现有以下一段html结构代码: <p style="text-indent:2em;text-align:justify"><span style="text-indent:2em">苏式月饼源自江浙地区,始于唐朝,盛于宋朝。到了清代,人们又发明了分层起酥工艺,制作出雪白金黄、酥香满口的酥皮月饼,苏式月饼从此开山创派。而清乾隆时期创立的中华老字号稻香村,对于苏式月饼有着独特的技艺传承和文化积累,可谓这一领域的宗师。今天,我们就来说说苏州稻香村的故事。</span><br> </p> <p style="text-align:center;text-indent:0em;margin-top:20px"><span style="text-indent:2em"><img src="http://resecms.gbxx123.com/img/202311/20231129093823_pugmisf7jt.png" title="" alt="截图20231129093702.png"></span></p> <p></p> <p style="text-align:center;text-indent:0em;margin-bottom:20px"><span style="font-family:'楷体' , '楷体_gb2312' , 'simkai'">苏式月饼</span></p> 在浏览器打开后, 复制并粘贴到编辑器中无法获取到图片结构

你预期的样子是?

显示图片

系统和浏览器及版本号

  • win10 x64
  • Chrome 120.0.6099.131

wangEditor 版本

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

demo 能否复现该 bug ?

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

最小成本的复现步骤

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

  • 步骤一: 复制上面的html结构到一个html文件中
  • 步骤二: 本地打开这个html文件, 在浏览器中复制然后粘贴到编辑器中
  • 步骤三: 编辑器中没有显示图片

Syinho avatar Jan 05 '24 08:01 Syinho

@Syinho wangeditor不支持自己传入复杂的html结构,大概率会产生bug setHtml用法 image image 和这个issues相同,你可以试一下,span标签在setHtml过程中被清除了

cycleccc avatar Mar 11 '24 09:03 cycleccc