Word 另存为 HTML 时用的v:imagedata/v:shape是微软专属的 VML 标签,浏览器完全不识别,所以核心解决思路就是把这些私有标签批量替换成浏览器支持的标签。
同时为了使得转化生成的图片的白色背景变得透明,还需要在标签中加入mix-blend-mode属性,其可以让图片与背景混合,白色部分会 "穿透" 显示底层背景,实现透明效果。
让v:imagedata
替换为img style="max-width:100%; height:auto; mix-blend-mode: multiply;"