小程序如何展示html字符串呢？_小程序能直接显示html字符串吗

如题所示，在vue中可以使用v-html来实现。

那么，在小程序里该怎么实现呢？？？

经过资料的查找，发现这么一个插件mini-html-parser2，【文档地址】

使用流程

1. 安装插件

npm install mini-html-parser2 --save

2.引入使用

在对应的.js文件里

import parse from 'mini-html-parser2';
const html =`<h1>小程序渲染html字符串</h1>
<ul>
    <li>1. 安装插件</li>
    <li>2. 引入插件并转换</li>
    <li>3. html页面使用rich-text展示</li>
</ul>
`
Page({
  data: {
    nodes: [],
  },
  onLoad() {
    parse(html, (err, nodes) => {
      if (!err) {
        this.setData({
          nodes,
        });
      }
    })
  },
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

3.页面展示

<view>
  <rich-text nodes="{{nodes}}" />
</view>
1
2
3

4. 效果展示