1. 程式人生 > >微信小程式之富文字解析

微信小程式之富文字解析

2、在專案檔案中使用
(1)在需要使用的wxml檔案中引入WxParse.wxml
示例:

<!--index.wxml-->
<import src="../../wxParse/wxParse.wxml" />

(2)在當前頁對應的js中引入wxParse.js
示例:

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

(3)使用template元件
在剛剛引入的wxml中插入元件,具體插入的位置是需要轉換的地方。
示例:

<!--index.wxml-->
<import src="../../wxParse/wxParse.wxml"
/>
<view class="container"> <view class='uinn'> <template is="wxParse" data="{{wxParseData:article.nodes}}" /> </view> </view>

(4)在當前頁的js中使用WxParse中的方法

//index.js
const WxParse = require('../../wxParse/wxParse.js');
Page({
  data: {
    
  }, 
  onLoad: function () {
    let
that = this; let ceshi = `<div> <span>請說出你喜歡的水果?</span> <ul> <li>蘋果</li> <li>香蕉</li> <li>橙子</li> </ul> </div>`; WxParse.wxParse('article'
, 'html', ceshi, that, 5); }, })