} 4. 设置你的富文本内容,定义为 richText: Page({ data: { richText: '<h1>Hello world!</h1>' } }) 最后在需要展示富文本内容的地方,使用「wxParser」组件,为 rich-text 属性赋值上你的富文本内容即可。 <wxparser rich-text="{{richText}}" /> 你是否正好有内容展示类的小程序,亦或准备开发一个?查看开发文档,立即体验「wxParser」小...
3. 在需要使用到该插件的小程序页面的 JSON 配置文件中,做如下配置: 4. 设置你的富文本内容,定义为 richText: 最后在需要展示富文本内容的地方,使用「wxParser」组件,为 rich-text 属性赋值上你的富文本内容即可。 你是否正好有内容展示类的小程序,亦或准备开发一个?查看开发文档(https://github.com/ifanrx/...
JS中的richText可以自定义,但是必须要与WXML中的richText对应 推荐把 template 放到<view class="wxParser"></view>内部,这样可以受wxParser控制并具有wxParser的一些默认样式 不建议直接修改wxParser的默认样式(因为内容库样式会有定期更新),应该新增一个样式补丁文件用来自定义样式 ...
<wxparserrich-text="{{richText}}"/> 组件属性介绍 rich-text: 你的富文本字符串 bind:tapImg: 监听图片点击事件,通过 e.detail.src 可拿到图片地址 bind:tapLink: 监听链接点击事件,由于微信小程序插件的限制,目前无法在插件中使用 wx.navigato 等跳转链接接口,开发者如需使用链接跳转功能,可在该事件的监听...
<wxparserrich-text="{{data}}"/> 在页面的 .js 文件中,将富文本数据赋值给 data 对象: javascript Page({ data: { data: '<p>这是富文本内容</p>' } }); 安装指南或链接: 如果插件未安装,可以通过微信小程序管理后台进行安装。在微信小程序管理后台,搜索插件的 provider(...
Page({ data: { richText: 'Hello world!' }}) 然后在需要展示富文本内容的地方,使用「wxParser」组件,为 rich-text 属性赋值上你的富文本内容即可。 <wxparser rich-text="{{richText}}"/> 同时,插件也提供了 bind:tapImg 和 bind:tapImg 两个监听事件用于点击图片和链接时的自定义处理,详细使用可参考...
richText:'Hello world!'} }) 最后在需要展示富文本内容的地方,使用「wxParser」组件,为 rich-text 属性赋值上你的富文本内容即可。 <wxparserrich-text="{{richText}}"/> 你是否正好有内容展示类的小程序,亦或准备开发一个?查看开发文档,立即体验「wxParser」小程序插件。 扫描下方二维码...
<wxparserrich-text="{{richText}}"/> 组件属性介绍 参数类型必填默认值说明 rich-textString是''你的富文本字符串 image-lazy-loadBoolean否false图片懒加载,设置小程序 image 标签的 lazy-load 属性 image-previewBoolean否true图片点击放大,为 true 时,富文本中所有的 image 标签在点击后都将放大 ...
`; wxParser.parse({ bind: 'richText', html: html, target: that, enablePreviewImage: false, // 禁用图片预览功能 tapLink: (url) => { // 点击超链接时的回调函数 // url 就是 HTML 富文本中 a 标签的 href 属性值 // 这里可以自定义点击事件逻辑,比如页面跳转 wx.navigateTo({ url }); } ...
JS中的richText可以自定义,但是必须要与WXML中的richText对应 推荐把 template 放到<view class="wxParser"></view>内部,这样可以受wxParser控制并具有wxParser的一些默认样式 不建议直接修改wxParser的默认样式(因为内容库样式会有定期更新),应该新增一个样式补丁文件用来自定义样式 ...