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

程序员文章站 2022-07-02 12:18:26

微信小程序使用的是 1. wxml 页面元素的最简单使用 2. js部分如下可以直接获取支付宝小程序 1. axml 页面简单使用

微信小程序使用的是

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

　　})

});

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

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

下一篇： CSS3 渐变

微信小程序添加删除线和下划线