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