步骤
wxParser.parse(options) 方法的 options 参数说明
WXML:在需要用到富文本解析的文件夹下的 WXML 中引入 wxParser/index.wxml // 将 WXML 引入需要富文本解析的文件下 <import src="../../wxParser/index.wxml"/> <view class="wxParser"> <template is="wxParser" data="{{wxParserData:richText.nodes}}"/> </view> JS:在需要用到富文本解析的文件夹下的 JS 中引入 wxParser 渲染引擎 // 在 const wxParser = require('../../wxParser/index'); Page({ data: {}, onLoad: function () { let that = this; let html = `<div style="color: #f00;">hello, wxParser!</div>`; wxParser.parse({ bind: 'richText', html: html, target: that, enablePreviewImage: false, // 禁用图片预览功能 tapLink: (url) => { // 点击超链接时的回调函数 // url 就是 HTML 富文本中 a 标签的 href 属性值 // 这里可以自定义点击事件逻辑,比如页面跳转 wx.navigateTo({ url }); } }); } }) WXSS:在根目录的 app.wxss 内引入 wxParser 的默认样式库 @import '../wxParser/index.wxss'
|
微信小程序富文本渲染引擎
发布:2018-04-23 11:17浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08