亚洲欧美日韩综合系列在线_91精品人妻一区二区_欧美大肥婆一级特大AA片_九色91视频免费观看_亚洲综合国产精品_av中文字幕在线不卡_久久精品色综合网_看黄色视频的软件_无卡无码高清中文字幕码2024_亚洲欧美日韩天堂网

微信小程序rich-text組件:富文本解析器的應用

來源:不言 發(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)給的例子:

image.png

如何才能將 HTML 轉(zhuǎn)為微信小程序組件支持的數(shù)據(jù)格式呢?

html2json 是一個將 HTML 解析為對應的 json 格式但 html2json 庫轉(zhuǎn)換出來的 JSON 與微信小程序要求不一致,且不支持解析 style,故在此庫的基礎上做的了擴展與調(diào)整。

使用方法:

image.png

源碼見Github: https://github.com/treadpit/w...

目前只測試了一些簡單的例子,如下圖:

image.png

標簽: 小程序
分享:
評論:
你還沒有登錄,請先