微信小程序:使用wxParse解析HTML
2018-10-23 17:26
399 查看
1、下载 wxParse ,放到utils目录下
2、在JS页面引入:
import WxParse from '../../utils/wxParse/wxParse'
[code]Page({ data:{ contentHTML:'' // 解析后的HTML }, onLoad: function() { // 请求到的HTML数据 let content = '<div>我是HTML代码</div>', that = this; WxParse.wxParse('contentHTML', 'html', content, that, 0); } })
3、显示解析内容
[code]<import src="../../utils/wxParse/wxParse.wxml"/> <view> <!-- 显示内容 --> <template is="wxParse" data="{{wxParseData:contentHTML.nodes}}" /> </view>
阅读更多
相关文章推荐
- 微信小程序使用wxParse解析html的实现示例
- 微信小程序使用wxParse解析html的方法教程
- 微信小程序解析html富文本插件wxParse
- 小程序使用wxParse解析html
- wxParse 0.3 微信小程序 HTML/Markdown 富文本解析, 支持多级及 Emoji
- 微信小程序 —— 微信小程序解析html富文本插件wxParse
- 微信小程序解析富文本编辑器HTML
- 在微信小程序中识别html标签的方法(wxParse)
- [转]wxParse-微信小程序富文本解析组件
- 微信小程序image组件binderror使用例子(对应html、js中的onerror) ,图片失效显示默认图片
- 使用Vue.js开发微信小程序开源框架mpvue解析
- 微信小程序实现快递查询功能(界面传值、JSON数据请求和解析、radio-group的使用...)
- 原创:微信小程序调用PHP后台接口,解析纯html文本
- 微信小程序使用百度地图API逆地址解析
- 使用wxParse插件直接解析从后台获取的html
- 微信小程序解析html
- 小程序解析html富文本插件wxParse配制全面指南
- 微信小程序开发--富文本插件wxParse的使用
- 微信小程序输出html内容数据插件wxParse
- 微信小程序开发(十二)富文本插件wxParse的使用