微信小程序使用wxParse实现接入富文本编辑

微信小程序中比如活动说明,简介这样的图文介绍说明页面,后台通常配置成富文本编辑框,由后台直接输入内容,然后在小程序界面展现。

微信小程序使用wxParse实现接入富文本编辑

但是富文本编辑提取到内容是html格式的,写法与小程序的wxml并不一致,那么怎么样才能做到富文本能够在小程序页面中显示呢?

解决办法

有位大牛开发了一个模板叫作wxParse,可以直接引入小程序使用。下面把大牛的github地址贴上来:

https://github.com/icindy/wxParse

微信小程序使用wxParse实现接入富文本编辑

想要了解更多的同学可以直接去他的github下查看说明文档。

引入方式及使用方法

wxml文件代码:

<view> <scroll-view scroll-y="true"> <view> <!-- 引入模板 --> <import src=""/> <!-- 这里data中article为bindName --> <template is="wxParse" data="{{wxParseData:article.nodes}}"/> </view> </scroll-view> </view>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwgsfp.html