微信小程序开发--富文本插件wxParse的使用
来源:互联网 发布:php程序员都需要什么 编辑:程序博客网 时间:2024/06/13 14:03
昨天一位网友问我小程序怎么解析富文本。他尝试过把html转出小程序的组件,但是还是不成功,我说可以把内容剥离出来。但是这两种方法都是不行了。后来找到了wxParse-微信小程序富文本解析组件。
特性
Copy文件夹wxParse
基本使用方法
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 引入必要文件
- 1
- 2
- 1
- 2
- 1
- 2
- 1
- 2
- 数据绑定
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 模版引用
- 1
- 2
- 3
- 4
- 1
- 2
- 3
- 4
注意点
在上面的基本使用里面在.js文件和.wxml文件里面出现的article这个是两个文件里面是一样的。但是article是js文件里面的一个变量是可以变的,只要保证js文件和wxml文件里面变量名一致即可。
实例
实例结构
page页面是测试页面。
wxml文件
- 1
- 2
- 3
- 4
- 5
- 1
- 2
- 3
- 4
- 5
wxss文件
- 1
- 1
js文件
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
效果图
总结
这里使用这个插件并不难。但是需要主要data里面的那个变量article(这个名字是可变)在几个位置是一样的。需要看看小程序-template。
阅读全文
0 0
- 微信小程序开发(十二)富文本插件wxParse的使用
- 微信小程序开发--富文本插件wxParse的使用
- 微信小程序开发(十三)富文本插件wxParse的wxParseImgTap的bug修复
- 微信小程序富文本展示,wxParse使用
- 微信小程序解析html富文本插件wxParse
- 微信小程序解析html富文本插件wxParse
- 微信小程序富文本组件wxParse
- 微信小程序 —— 微信小程序解析html富文本插件wxParse
- 小程序解析html富文本插件wxParse配制全面指南
- wxParse 0.3 微信小程序 HTML/Markdown 富文本解析, 支持多级及 Emoji
- 微信小程序中使用富文本
- 微信小程序输出html内容数据插件wxParse
- 微信小程序输出html内容数据插件wxParse
- javascript网页富文本编辑器:kindedit富文本编辑器插件的使用
- 富文本的使用
- 使用wxParse插件直接解析从后台获取的html
- 微信小程序富文本解析
- IOS开发-NSMutableAttributedString 富文本的使用
- ThreadPoolExecutor 是如何做到线程重用的
- CSS3 :nth-child() 选择器
- Sublime 3 下运行 JAVA
- 【科普】什么是SSL握手
- FreeBSD的dts生成dtb文件
- 微信小程序开发--富文本插件wxParse的使用
- 侧滑返回上一界面
- unity基本知识点
- Asp.net管理信息系统中数据统计功能的实现
- 有序数组求两个数的和为某个值O(n)解法
- SpringBoot系列(7)---SpringBoot-Cache(EhCache)
- 安装配置ElasticSearch集群
- 分针网——每日分享:网页布局时CSS无效的常见原因
- Ubuntu 16.04 LTS new apt