微信小程序富文本渲染引擎的详解

　　

<强>微信小程序富文本渲染引擎的详解

　　

<强>步骤

　　
    　　<李>把wxParser目录放到小程序项目的根目录下李 　　<李>在需要富文本解析的WXML内引入wxParser/index.wxml李 　　<李>在页面JS文件内使用wxParser.parse(选项)方法解析HTML内容李 　　<李>在小程序项目根目录的app.wxss内引入wxParser的默认样式库
    　　李 　　
　　

wxParser.parse(选项)方法的选择参数说明

　　

　　 　　 　　 　　参数名 　　类型 　　必填 　　描述 　　 　　 　　 　　 　　绑定 　　字符串 　　是 　　要绑定的数据名称 　　 　　 　　超文本标记语言 　　字符串 　　是 　　HTML内容 　　 　　 　　目标 　　对象 　　是 　　绑定数据的模块对象 　　 　　 　　enablePreviewImage 　　布尔 　　否 　　是否启用富文本内的图片预览功能,默认是 　　 　　 　　tapLink 　　函数 　　否 　　点击超链接时的回调函数 　　 　　 　　 　　

　　

示例 　　

<强> WXML:在需要用到富文本解析的文件夹下的WXML中引入wxParser/index.wxml

　　 　　//将WXML引入需要富文本解析的文件下 　　& lt;进口src=" https://www.yisu.com/wxParser/index.wxml "/比; 　　& lt;视图类=皐xParser”比; 　　& lt;模板=皐xParser”数据=" {{wxParserData: richText.nodes}} "/比; 　　& lt;/view> 　　之前 　　 　　

<强> JS:在需要用到富文本解析的文件夹下的JS中引入wxParser渲染引擎

　　 　　//在 　　const wxParser=要求(“. ./. ./wxParser指数”); 　　 　　页面({ 　　数据:{},> 　　@ import“. ./wxParser/index.wxss” 　　 　　

　　
    　　<李> JS中的richText可以自定义,但是必须要与WXML中的richText对应李 　　<李>推荐把模板放到& lt;视图类=皐xParser祝辞& lt;/view>内部,这样可以受wxParser控制并具有wxParser的一些默认样式李 　　<李>不建议直接修改wxParser的默认样式(因为内容库样式会有定期更新),应该新增一个样式补丁文件用来自定义样式李 　　
　　

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

微信小程序富文本渲染引擎的详解