步骤把wxParser目录放到小程序项目的根目录下在需要富文本解析的WXML内引入wxParser/index。wxml在页面JS文件内使用wxParser。parse(options)方法解析HTML内容在小程序项目根目录的app。wxss内引入wxParser的默认样式库 。。
步骤把
wxParser
目录放到小程序(procedure)项目的根目录下在需要富文本解析（analysis 剖析；深入分析)的
WXML
内引入
wxParser/index。宁波微信小程序开发其中，通过公众号关联，用户可以实现公众号与小程序之间相互跳转。小程序体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 wxml在页面
JS
文件内使用
wxParser。宁波微信小程序开发其中，通过公众号关联，用户可以实现公众号与小程序之间相互跳转。小程序体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 parse(options)
方法解析
HTML
网站内容在小程序(procedure)项目根目录的
app。wxss
内引入
wxParser
的默认样式库
wxParser。parse(options)
方法的
options
参数说明
参数名类型必填描述bindString是要绑定的数据（data)名称htmlString是HTML 内容targetObject是绑定数据的模块对象enableGOOGLE PReviewImageBoolean否是否启用富文本内的图片预览功能，默认是tapLinkFunction否点击超链接时的回调函数
示例
WXML：在需要用到富文本解析的文件夹下的 WXML 中引入 wxParser/index。
宁波小程序开发对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。wxml
// 将 WXML 引入需要富文本解析（analysis 剖析；深入分析)的文件下 lt;import src="。/。/wxParser/index。wxml"/ gt; lt;view gt; lt;template is="wxParser" data="{{wxParserData:richText。nodes}}"/ gt; lt;/view gt;
JS：在需要用到富文本解析的文件夹下的 JS 中引入 wxParser 渲染引擎
// 在const wxParser = require('。/。/wxParser/index');Page({data: {},onLoad: function () {let that = this;let html = ` lt;br style="color: #f00;" gt;hello, wxParser! lt;/br gt;`;wxParser。parse({bind: 'richText',html: html,target: that,enableGOOGLE PReviewImage: false, // 禁用图片预览功能tapLink: (url) = gt; { // 点击超链接时的回调函数// url 就是 HTML 富文本中 a 标签的 href 属性(property)值// 这里可以自定义点击事件逻辑，比如页面跳转wx。navigateTo({url});}});}})
WXSS：在根目录的 app。wxss 内引入 wxParser 的默认样式库
@import '。/wxParser/index。wxss'
注意JS
中的
richText
可以自定义，但是必须要与
WXML
中的
richText
对应推荐把 template 放到
lt;view gt; lt;/view gt;
内部，这样可以受
wxParser
控制（control)并具有
wxParser
的一些默认样式不建议直接修改
wxParser
的默认样式（因为内容库样式会有定期更新），应该新增一个样式补丁文件用来自定义样式
