介绍
wxParser-plugin
为 wxParser
的微信小程序插件版本,与 wxParser
相比,wxParser-plugin
减少了很多繁琐的使用步骤,同时简化了接口。并且使用微信小程序插件,可以方便地对插件进行版本管理。
使用
在微信小程序管理后台,按 APPID
wx9d4d4ffa781ff3ac
搜索到该插件,并点击添加,即可在代码中使用wxParser-plugin
了在
app.json
中声明插件引入。目前插件版本为0.1.0
,provider
为该插件的 APPID,wxparserPlugin
为自定义的插件名称。
"plugins": { "wxparserPlugin": { "version": "0.1.0", "provider": "wx9d4d4ffa781ff3ac" } }
在需要使用到该插件的小程序页面的
json
配置文件中,做如下配置:
{ "usingComponents": { "wxparser": "plugin://wxparserPlugin/wxparser" } }
使用
<wxparser rich-text="{{richText}}" />
组件属性介绍
rich-text: 你的富文本字符串
bind:tapImg: 监听图片点击事件,通过 e.detail.src 可拿到图片地址
bind:tapLink: 监听链接点击事件,由于微信小程序插件的限制,目前无法在插件中使用 wx.navigato 等跳转链接接口,开发者如需使用链接跳转功能,可在该事件的监听函数中操作
具体使用
<wxparser rich-text="{{richText}}" bind:tapLink="goto" />
goto: function(e) { wx.navigateTo({ url: e.detail.href }) }
注:由于小程序的限制,链接必须为你的小程序中的页面的路径。
支持视频吗
不支持,直接报错,啥都渲染不了了。。。坑
换行会被处理成文本,感觉要自己修改!
厉害
小程序 rich-text的 如何打开pdf?
怎么去除空行 和换行 现在渲染的内容 换行就会变成一个空view
图片懒加载怎么整?
为啥不把\n替换掉?