mp-html 插件
- 可以使用uni_modules方式调用,减少主包、分包多次引用
u-parse 插件
核心对比
| 项目 | mp-html | u-parse |
|---|---|---|
| 基础定位 | 轻量 HTML → 渲染转换 | 富文本解析器 |
| 依赖体积 | ✔️ 较小 | ❌ 相对更大 |
| 渲染能力 | 👍 支持绝大多数 HTML | 👍 支持更深入解析(表格、字体、nested nodes) |
| 微信 / QQ / 支付宝 兼容性 | ✔️ 很好 | ⚠️ 较复杂时有兼容问题 |
| 处理图片、样式、标签行为 | 支持大部分 | 更细粒度配置 |
| H5 & App & 小程序 全平台表现 | ✔️ 较好 | ⚠️ 有时需要微调 |
| 使用难度 | 🟢 简单 | ⚠️ 中等 |
| 体积对主包影响 | 较小(可分包) | 较大(建议分包) |
| 生态支持 & 文档 | 🟡 一般 | 🟢 uView 更成熟解读案例多 |
1) HTML 文本展示(最常见场景)
-
mp-html
➤ 是为渲染 HTML 片段设计的
➤<p>/<img>/<a>/ 内联样式可渲染
➤ 在微信小程序端用的是 rich-text 或自定义渲染
➤ 表现更稳定 -
u-parse
➤ 解析更完整,能自动转换复杂节点
➤ 比如<video>、更多标签、样式
➤ 但如果你只需要简单文字 + 图片,u-parse 是大炮打蚊子
👉 场景结论:
内容简单 → mp-html 更快更稳
内容复杂 → u-parse 功能更强
2) 图片 / 懒加载 / 自适应
-
mp-html 内置图片 lazyload 支持,可自定义处理
-
u-parse 能更细粒度控制图片行为,但也更重
3) 事件和扩展
-
mp-html
➤ 支持点击图片回调
➤ 支持链接点击回调 -
u-parse
➤ 支持更多事件绑定
➤ 支持富文本中嵌入小程序组件插槽
👉 如果你要做图片预览、点击处理、跳转埋点,两个都有能力;若需要更复杂嵌套,u-parse 更灵活。
4) 小程序端兼容性
这是最关键的一点:微信、QQ、小米系小程序对富文本支持一致性很差。
mp-html内部做了大量兼容层,尤其是:
-
shadow-root / rich-text 兼容
-
图片适配
-
HTML 标签过滤
u-parse 在某些端可能需要额外兼容 css 或布局调整。
👉 在 uni-app + 多端场景下,mp-html 的跨平台一致性更高。
📦 什么时候选 mp-html?
✅ 你主要渲染的是 HTML 内容,没有太复杂嵌套
✅ 希望兼容微信 / QQ /支付宝 / 头条系小程序
✅ 想保持主包体积小、分包机制友好
✅ 不想写大量兼容性样式调整
👉 mp-html 是最佳主力富文本渲染方案
📦 什么时候选 u-parse?
✅ 富文本包含视频 / canvas / 复杂嵌套布局
✅ 你需要复杂行为绑定(评论、标签、互动等)
✅ 希望更丰富的标签解析能力
⚠ 体积大、兼容需手动调整
👉 u-parse 是“全面富文本解析”工具