wxParse微信小程序HTML解析组件
微信小程序的富文本展示一直是个挺头疼的事，尤其是带 HTML 标签的内容，官方又不直接支持。你要是也遇到这坑，推荐你试试社区开发的 wxParse。它专门用来把 HTML 字符串转成小程序能识别的 WXML，展示效果还不错，图片、链接都能，适配也比较全面。
wxParse 的用法也挺简单。先把库装好，npm i wxparse --save，在页面引入：
import wxParse from './lib/wxParse.js';，拿到你的 HTML 内容，直接用 wxParse.wxParse() 来搞定解析：
wxParse.wxParse('article', 'html', htmlString, that, 3);注意 'article' 是你 WXML 里的数据绑定名，'html' 是格式类型，htmlString 是后台返回的 HTML 内容。那个 3 是段落的字符数限制，自己看着调。
WXML 模板这块也不能落下，要建个 的节点来接解析的数据。你定义啥名就填啥名，别搞错了。
图片方面，wxParse 会自动把 HTML 里的 </> 标签转成小程序里的 <><></>，加载网络图也没问题。如果图片太多，建议开个懒加载，性能上会轻松不少。</>
<>还有 <>链接</>，><></> 标签也能识别，默认会给你转成可跳转的链接，配个 <>> 就能实现页面跳转。如果你有自己的跳转逻辑，重写下点击事件就行。</>
<>遇到比较特殊的标签需求，<>自定义标签解析</>也支持，可以扩展 <>> 的规则，灵活度挺高。</>
<>异步数据也能，只要你在回调里调用 <>> 或 <>>，就能自动绑定更新。响应也快，体验还不错。</>
<>提一下性能优化，<>> 支持分页加载和图片懒加载，对内容多、图片多的页面挺友好。如果你页面卡顿严重，不妨试试这两项。</>
<>，<>> 是个还蛮实用的工具。你要是在做内容类小程序，或者需要展示富文本内容，真可以考虑用上它。</>
文件大小：302.47KB
评论区