1、保留文字内容,检查插件是否正常运行
2、你传入的 content 是字符串但没转义或格式不对
确保你传入的是标准的 HTML 字符串,例如:
this.htmlContent = ‘<p>Hello <img src=”https://example.com/pic.jpg” /></p>’;
而不是 <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;
}