小程序使用wxparse解析富文本出现span标签不识别

1 篇文章 0 订阅
1 篇文章 0 订阅

小程序使用wxparse解析富文本出现span标签不识别

之前一直使用wxparse来解析富文本,解析富文本的时候出现了span标签没有解析,由于wxparse项目已经不维护了,所以我选择了其他的富文本插件。

插件地址: 新富文本插件
插件文档: 文档

引用下作者的readme

在原生框架中使用
源码引入

复制 parser 文件夹至 components 目录

在需要使用页面的 json 文件中添加

{
  "usingComponents": {
    "parser":"/components/parser/parser"
  }
}

在需要使用页面的 wxml 文件中添加

<parser html="{{html}}" />
在需要使用页面的 js 文件中添加

data: {
  html:"<div>Hello World!</div>"
}

npm 引入(仅限微信,需要基础库 2.1.1 以上)

在小程序目录下执行

npm install parser-wx

勾选使用 npm 模块,并点击工具-构建 npm

在需要使用页面的 json 文件中添加

{
  "usingComponents": {
    "parser":"parser-wx"
  }
}

后续步骤同上

demo/wx 文件夹下的是微信小程序 富文本插件 示例程序的源码,可供参考

这个插件解决了span标签问题,这个插件还支持uni-app

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值