富文本

1.利用小程序内置的组件来解决

使用rieh-text属性来解析富文本
代码如下:

 <rich-text nodes="{{这里是富文本}}"> </rich-text>

2.利用第三方的方法:

使用wxparse来解决

第一步:下载wxparse

第二步:复制wxparse文件夹

第三步:在需要渲染的wxml页面的js中引入wxpare模式

第四步:在全局app。wxss中引入wxparse的样块

第五步:数据绑定

wxparse。wxparse(bindName,type,target,imagepadding)
bindName 绑定的数据(必填)
type 可以为html或者md(必填)
data为传入的具体数据(必填)
target为page对象,一般为this(必填)
imagepadding为图片自适应是在单一的padding(默认0,可选)
wxparse.wxparse('acticle','html','avticle','that',5)

第六步:在视图模板中渲染富文本

页面头部引入<import src="你的路径/wxparse/wxparse.wxml">
```
```
在需要插入的位置引入<template is="wxparse" date="{{wxparsedata:acticle.nodes}}">
```

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值