微信小程序和支付宝小程序富文本使用

微信小程序使用的是

1. wxml 页面元素的最简单使用

<rich-text nodes="{{这是你的数据}}"></rich-text>

2. js部分

如下可以直接获取

支付宝小程序

1. axml 页面简单使用

<rich-text nodes="{{nodes}}" ></rich-text>

2. js部分

import parser from 'rich-text-parser' //这个文件是引用是关键下载地址：https://github.com/Chaunjie/rich-text-parser

Page({

data: {

txte1: “”,

nodes: [],

onLoad(e) {

let that = this

let txte1 = e.txte

　// const {p} = that.data

　　// 定义需要解析的特殊标签，value不填默认是div

　　// parser.definedCustomTag({figure: 'p', figcaption: ''})

　　const nodes = parser.getRichTextJson(txte1)

that.setData({

　　nodes: nodes.children

　　})

});

这些数据我是上一个页面传递新来的

首次记录学习过程有不足之处请多见谅!!!

巴特西