1. 程式人生 > >微信小程程式支援/解析富文字內容

微信小程程式支援/解析富文字內容

微信小程式不支援 html 標籤,可以使用外掛讓小程式自動解析 html 標籤並且正常顯示.推薦元件 wxParse ,github 地址 https://github.com/icindy/wxParse/

使用淺析:

1. 下載元件

2. 複製 wxParse 資料夾到專案中

3. 在需要解析 html 標籤的頁面 wxml 引入 wxParse.wxml ,並引用模板

<import src='../../utils/wxParse/wxParse.wxml' />

<template is="wxParse" data="{{wxParseData:www.nodes}}"/>

 

在對應的 wxss 頁面引入 wxParse.wxss

@import "../../utils/wxParse/wxParse.wxss"

 在對應的 js 頁面引入 wxParse.js

const WxParse = require('../../utils/wxParse/wxParse.js');

 4. 資料繫結

 參考

https://github.com/icindy/wxParse/