小程序 - wxParse

最新推荐文章于 2024-08-09 07:02:06 发布

jnChen10

最新推荐文章于 2024-08-09 07:02:06 发布

阅读量163

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/sinat_33184880/article/details/100877350

版权

小程序专栏收录该内容

21 篇文章 0 订阅

订阅专栏

1.前往github下载wxParse源码：https://github.com/icindy/wxParse

2.将下载完的wxParse文件夹粘贴到小程序项目中

3.在需要使用富文本解析的页面中分别引入wxParse文件

.wxml

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

<!-- article是js中声明的变量名 -->
<view>
  <template is="wxParse" data="{{ wxParseData: article.nodes }}"/>
</view>

.wxss

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

.js

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

async loadAtc (id) {
  let res = await app.request(api.Article_Detail, { id })
  if (res.code === 1) {
    let atc = res.data.data
    // 声明article变量名，在wxml中引用。content是富文本的内容
    WxParse.wxParse('article', 'html', content, this, 20) 
    this.setData({ atc })
  }
}