來源:不言 發(fā)布時間:2018-08-29 16:27:14 閱讀量:1117
本篇文章給大家?guī)淼膬?nèi)容是關于微信小程序rich-text組件:富文本解析器的應用,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。
微信小程序在rich-text組件后開始支持富文本解析,但需要對照一套自定義規(guī)則的 JOSN 數(shù)據(jù)格式,API 返回的富文本需要前端做數(shù)據(jù)轉(zhuǎn)換。
這個主要是用于某些需要 API 直接輸出富文本的地方。比如后端輸出title字段, 但 title 字段中有加重提示的幾個文字是需要標紅的。
這種情況下后端如果不返回富文本,前端去在小程序去處理是比較麻煩的,還得定個規(guī)則,前端再寫好樣式拼接起來。如果后端直接給你返回富文本,用這個去解析可以直接搞定。
如官網(wǎng)給的例子:
如何才能將 HTML 轉(zhuǎn)為微信小程序組件支持的數(shù)據(jù)格式呢?
html2json 是一個將 HTML 解析為對應的 json 格式但 html2json 庫轉(zhuǎn)換出來的 JSON 與微信小程序要求不一致,且不支持解析 style,故在此庫的基礎上做的了擴展與調(diào)整。
使用方法:
源碼見Github: https://github.com/treadpit/w...
目前只測試了一些簡單的例子,如下圖: