1、保留文字内容,检查插件是否正常运行

2、你传入的 content 是字符串但没转义或格式不对

确保你传入的是标准的 HTML 字符串,例如:

this.htmlContent = ‘<p>Hello <img src=”https://example.com/pic.jpg” /></p>’;

而不是 &lt;img src=... 这样经过 HTML 实体转义的内容。

3、图片url检查

  • mp-html 不会自动补全协议,必须提供合法 URL
  • 若图片地址为相对路径,mp-html 将无法识别
  • 浏览器访问图片URL,检查是否正常展示
  • 网络图片是否在微信公众平台后台配置为“downloadFile 合法域名”(开发工具&关闭检查时忽略)

<!– ✅ 正确 –>
<img src=”https://example.com/image.jpg”>

4、图片样式宽高未设置,导致被渲染为 0 宽高

某些 HTML 片段中的 <img> 没有设置宽高,可能被 mp-html 渲染为不可见。

设置默认图片样式,例如:

::v-deep image {
max-width: 100%;
height: auto;
}

 

 

作者 admin

百度广告效果展示