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

2022-04-29 08:54:07 字數 1016 閱讀 3265

今天在開發小程式時,後台傳過來一串字串,當時看我一臉懵逼,後來才知道是富文字編輯器的內容當時也是很頭疼,後台問了度娘,

知道怎麼辦。就一篇隨筆分享一下;

路徑:

放入專案裡面即可:

然後在需要使用的wxml檔案引入wxparse.wxml模板

<

import

src='../../../../wxparse/wxparse.wxml'

/>

然後在需要使用的js檔案引入wxparse.js模板 

const wxparse = require('../../../../wxparse/wxparse.js')
//把後台給的富文字字串給進模板

.then((res) => {

var ceshi = res.data.works[0].introduce;

// 轉換富文字編輯器

wxparse.wxparse('article', 'html', ceshi, that, 5);

/**article:模板名稱(不用改照寫)

*html:轉換的格式一般為html

*ceshi;要轉換的富文字的資料(字串)

*that:當前物件(一般為this)

*5:設定的padding值預設為0

*/注意有些富文字的**混排的是沒有字首的

這個時候就需要自己在wxparse.js去配置一下

在這個資料夾

裡面的

這樣就可以解析富文字編輯器的內容了

小程式富文字解析

吼吼吼 又要開始一篇新的記錄了。關於小程式解析富文字 今天碰到這個問題,所幸解決了。記錄一下 首先需要用到 wxparse 這個外掛程式 在對應需要用到的頁面引入wxparse const wxparse require wxparse wxparse.js 然後呼叫方法 data就是富文字裡面的內...

微信小程式 富文字解析

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

富文字解析之微信小程式

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