摘要:微信小程序富文本解析器微信小程序在組件后開始支持富文本解析,但需要對照一套自定義規則的數據格式,返回的富文本需要前端做數據轉換。
微信小程序富文本解析器
微信小程序在rich-text組件后開始支持富文本解析,但需要對照一套自定義規則的 JOSN 數據格式,API 返回的富文本需要前端做數據轉換。
這個主要是用于某些需要 API 直接輸出富文本的地方。比如后端輸出title字段, 但 title 字段中有加重提示的幾個文字是需要標紅的。
這種情況下后端如果不返回富文本,前端去在小程序去處理是比較麻煩的,還得定個規則,前端再寫好樣式拼接起來。如果后端直接給你返回富文本,用這個去解析可以直接搞定。
如官網給的例子:
如何才能將 HTML 轉為微信小程序組件支持的數據格式呢?
html2json 是一個將 HTML 解析為對應的 json 格式但 html2json 庫轉換出來的 JSON 與微信小程序要求不一致,且不支持解析 style,故在此庫的基礎上做的了擴展與調整。
使用方法:
import html2json from "wxapp-rich-text"; // 或者下載該倉庫 import html2json from "./your/path/index.js"; const html = "sample"; const json = html2json(html); this.setData({ nodes: json, });
textsample text
源碼見Github: https://github.com/treadpit/w...
目前只測試了一些簡單的例子,如下圖:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/97065.html
摘要:小程序富文本解析目前小程序使用比較多的富文本方案一個是小程序自帶的組件,一個是。使用方法文殊林舍山房由麗江鉑爾曼度假酒店余明金老師設計,是麗江古城的網紅民宿,年被評為全國家最美民宿,以及年最值得睡的張床。 小程序富文本解析 目前小程序使用比較多的富文本方案一個是小程序自帶的rich-text組件,一個是wxPrase。 wxPrase原理是把原有的html標簽全部解析成小程序的組件,這...
摘要:小程序富文本解析目前小程序使用比較多的富文本方案一個是小程序自帶的組件,一個是。使用方法文殊林舍山房由麗江鉑爾曼度假酒店余明金老師設計,是麗江古城的網紅民宿,年被評為全國家最美民宿,以及年最值得睡的張床。 小程序富文本解析 目前小程序使用比較多的富文本方案一個是小程序自帶的rich-text組件,一個是wxPrase。 wxPrase原理是把原有的html標簽全部解析成小程序的組件,這...
摘要:本項目由微信小程序開發論壇會員開發原文地址垂直微信小程序開發交流社區加載慢,等等微信小程序富文本解析自定義組件,支持及解析可能是第一個微信小程序富文本解析組件代碼庫地址示例版使用地址現狀版本號目前還不太適合直接使用目前項目不 本項目由微信小程序開發論壇-WeAppDev http://weappdev.com/ 會員開發 原文地址: http://weappdev.com/t/wxp...
摘要:信息版本號歷史版本號具體代碼請查看倉庫分支地址解決問題微信小程序富文本解析組件詳述因為微信小程序沒有提供等解析,原展示類文本沒有辦法圖文并茂的原生展示,主要目的就是彌補富文本解析空缺的組件,歡迎使用反饋開發信息微信小程序開發論壇垂直微信小程 wxParse信息 版本號0.1 歷史版本號0.2 具體代碼請查看倉庫分支V1 github地址: https://github.com/ici...
摘要:信息版本號歷史版本號具體代碼請查看倉庫分支地址解決問題微信小程序富文本解析組件詳述因為微信小程序沒有提供等解析,原展示類文本沒有辦法圖文并茂的原生展示,主要目的就是彌補富文本解析空缺的組件,歡迎使用反饋開發信息微信小程序開發論壇垂直微信小程 wxParse信息 版本號0.1 歷史版本號0.2 具體代碼請查看倉庫分支V1 github地址: https://github.com/ici...
閱讀 1014·2019-08-30 15:55
閱讀 3454·2019-08-30 13:10
閱讀 1280·2019-08-29 18:45
閱讀 2361·2019-08-29 16:25
閱讀 2121·2019-08-29 15:13
閱讀 2435·2019-08-29 11:29
閱讀 564·2019-08-26 17:34
閱讀 1502·2019-08-26 13:57