微信公众号开发

原生微信小程序使用wxParse解析富文本

本文主要是介绍原生微信小程序使用wxParse解析富文本,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1. 先在 JS 文件中引入

import wxParse from '../../wxParse/wxParse.js';   写相对路径

2. 获取到 html 字符串后随便赋个值

let str = xxx            //   xxx 即为 获取到的html字符串   str 为自定义名字

3. 使用 wxParse 解码字符串

wxParse.wxParse('str', 'html', str , that, 0);

// 从左到右5个值意义

'str'     --    绑定的数据名 用于HTML页绑定数据   ※必填项

'html'  --    type类型  可选值 html / md                  ※必填项

str      --    data 传入的具体值                               ※必填项

that    --    当前作用域的this指向                          ※必填项

0        --    imagePadding为当图片自适应时左右的单一padding (暂时没测出有什么用)(默认0,非必填)

4. 在HTML页中 引入

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

5.在需要使用处加入模板  只需将其中的str 替换为 第三步中的 绑定数据名即可

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

 

这样配置完之后应该就可以正常展示了

 

这篇关于原生微信小程序使用wxParse解析富文本的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!