微信小程式中顯示html富文字的方法

2022-03-07 10:00:04 字數 675 閱讀 5580

二、在要引入的頁面的js檔案中,引入檔案

js檔案中

var wxparse = require('

../../../weui/wxparse/wxparse.js

');

css檔案中

@import "

../../../weui/wxparse/wxparse.wxss

";

頁面中

"

../../../weui/wxparse/wxparse.wxml

" />

三、資料繫結

在page.js檔案中繫結資料

如:

onload: function (options)  

//注意第乙個引數需要與wxml中的一致

四、在page的wxml中引入模板

class="

newsdt_wrap

">

is="

wxparse

" data="

}" />

class="

last_date

">最後更新於:}

微信小程式 rich text富文字

nodes屬性可為array和string型別,但推薦使用array.由於string型別最終也會轉為array型別 nodes分為支援兩種節點,分別為元素節點 type node 預設為元素節點 和文字節點 type text 元素節點 name 標籤名 string 是 支援部分受信任的html...

微信小程式 富文字解析

把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 欄位中有加重提示的幾個文字是需要標紅的。這種情況下後端如果...