mp-html 插件

  • 可以使用uni_modules方式调用,减少主包、分包多次引用

uniapp mp-html富文本解析插件

u-parse 插件

uniapp 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 是“全面富文本解析”工具

作者 admin

百度广告效果展示