小程式富文字解析

2022-04-29 03:48:12 字數 559 閱讀 9684

吼吼吼;又要開始一篇新的記錄了。

關於小程式解析富文字;今天碰到這個問題,所幸解決了。記錄一下

首先需要用到

wxparse 這個外掛程式  

在對應需要用到的頁面引入wxparse

const wxparse = require('../../../../wxparse/wxparse.js');
然後呼叫方法;data就是富文字裡面的內容

//

富文字編輯器

fuwenben: function

(data) )

},

這樣js部分的資料處理就ok了;下面是wxml裡

引入外掛程式的wxml檔案

然後

最後引入樣式表

@import "../../../../wxparse/wxparse.wxss";
大功告成。這樣就完成了整個操作,鼓勵一下自己,哈哈哈

微信小程式 富文字解析

把wxparse放在與page同一級目錄 wxparse裡的emojis包是可要可不要的。1 在wxml中 src wxparse wxparse.wxml class wxparse is wxparse data view 2 在wxss中 import wxparse wxparse.wxss...

關於小程式的富文字解析問題

今天在開發小程式時,後台傳過來一串字串,當時看我一臉懵逼,後來才知道是富文字編輯器的內容當時也是很頭疼,後台問了度娘,知道怎麼辦。就一篇隨筆分享一下 路徑 放入專案裡面即可 然後在需要使用的wxml檔案引入wxparse.wxml模板 import src wxparse wxparse.wxml ...

富文字解析之微信小程式

微信小程式在rich text元件後開始支援富文字解析,但需要對照一套自定義規則的 josn 資料格式,api 返回的富文字需要前端做資料轉換。這個主要是用於某些需要 api 直接輸出富文字的地方。比如後端輸出title欄位,但 title 欄位中有加重提示的幾個文字是需要標紅的。這種情況下後端如果...