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

小程序使用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