使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法
先上官方文档:https://github.com/icindy/wxParse。先讲一下我的理解,最后说明下自己使用wxParse的业务场景以及遇到的问题。
1.先上个目录结构。
然后总结下wxParse下我处理过得文件。html2json.js中注释掉console.dir()---显示对象的属性跟方法,安卓手机好像不支持这个命令。
wxParse.wxml中,video标签中添加poster(小程序video封面属性,开发者工具可能无法正常显示,但是手机可以)与custom-cache="{{false}}"属性(这个属性可以解决苹果手机视频无法播放的问题,当时我遇到的问题是同一页面超过5个视频后,先上传的视频无法播放),这个地方也是我想做个wxParse总结的原因,因为后端传过来的富文本标签会被重新转译成wxParse这里设置的标签。
在成功引用wxParse后,会在控制台打印一大段文字。下面是大概内容,wxParse.html中的{{}}中可以引用这些属性,具体自己研究下就懂啦^^。
最后总结一下,这篇文章没有具体讲到wxParse怎么使用,但是总结了一下我遇到的坑以及解决办法,希望能帮助到大家。我所要完成的业务是,在页面中显示一段富文本,看似简单,但是遇到了视频黑屏以及视频无法播放的问题,花费了很多很多零零散散的时间,debug的辛酸就不再赘述。这是我第一个小程序项目也是第一个前端项目的第一个小总结,加油。
前端路上种因果,填坑路上你和我
使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法相关推荐
- php小程序的wxparse.js是什么,微信小程序如何解析HTML富文本(使用wxParse解析富文本的demo)...
1.把wxParse文件全部放入项目. 2.在wxml中import wxParse.wxml,并把template插入到到对应的位置上 {{title}} {{date}} {{time}} 3.在 ...
- 微信小程序支付html标签,微信小程序/支付宝小程序 WxParse解析富文本(html)代码...
image.png 二.复制到小程序utils目录下 image.png 三.在要使用的目标文件中 具体路径根据目标文件定,当前目标文件在pages - news - detail 3.1.在目标文件 ...
- 微信小程序富文本解析点击图片放大_微信小程序解析富文本过程详解
前言 最近公司在开发OTA微信小程序,一些页面的详情内容是HTML富文本格式的的,但是微信小程序不能直接解析HTML,需要将内容中的HTML标签转换成微信小程序所支持的标签. 开始的时候想过自己写方法 ...
- java 接收前台富文本_java 解析富文本处理 img 标签
很多项目都需要到富文本来添加内容,就好比新闻啊,旅游景点之类的,都需要使用富文本去添加数据,然而怎么我这边就发现了两个问题 1)怎样将富文本的图片的 src 获取出来? 2)后台上传的时候用的是相对路 ...
- 微信小程序中简单使用wxParse插件解析富文本
微信的小程序中也会出现一些带标签的数据不能直接在页面上渲染出该有的属性值.vue中实现解析富文本比较简单,直接使用v-html即可,而在小程序中有两种解析方法,分别是rich-text和wxParse ...
- 小程序(二十六)微信小程序解析富文本的几种方式
微信小程序解析富文本html大概有两种方式(我发现的). 两种方法,各有各的优缺点. 一:使用小程序内置标签rich-text 这个标签解析的富文本会保留你在pc端编辑的样式,也就是说,你在pc端编辑 ...
- uni怎么使用原生html标签,uni-app如何完美解析富文本内容
在uni-app中有 rich-text 标签是自带解析富文本内容的,但是不是很完美,怎么说呢?比如富文本的代码块.图片宽度等都是无法控制的,那么现在就利用插件来解析,这个解析插件小编是利用图片.ht ...
- 小程序editor富文本编辑使用及rich-text解析富文本
今天尝试了下在小程序中使用editor富文本编辑,然后再详情页使用rich-text来解析富文本html. 首先先下载editor组件,并放到项目目录中,(组件下载地址) 文件存放后,打开richTe ...
- Vue - 解析富文本(v-html 指令)
前言 如果您的项目只是解析简单的富文本,那么推荐使用本文的解决方案,反之建议您使用功能齐全的第三方插件. 很多系统都会有解析富文本的需求,例如以下富文本数据, `<h1>李拴蛋</h ...
最新文章
- c语言作业 字符串替换,C语言字符串替换。解决方法
- 常见的浏览器兼容性问题与解决方案——CSS篇
- Restlet入门示例
- SpringMVC的请求-文件上传-多文件上传的代码实现
- data怎么给echart传值_通用技术 VUE 子父组件传值
- exif_imagetype() 函数在linux下的php中不存在
- Mysql like ' ' 会不会用到索引
- php mysql分页_PHP+Mysql实现分页
- H - Hellcife is on fire Gym - 102448H
- 读书笔记-Rse2Net
- android仿百度新闻,【Android】最新主流新闻app功能实现。仿网易,搜狐等新闻客户端实现展示...
- CAD梦想画图中的“绘图工具——椭圆弧”
- CPU与GPU计算能力比较
- 使用cocos2d-x实现一款类似《Flappy Bird》的游戏
- 【AI简报20210514期】开源项目树莓派复古相机、L4自动驾驶新闻速递
- Python爬虫突然提取不出信息了,返回的是空列表的解决办法
- Python爬虫 爬取歌曲的评论并写入txt
- oracle在表中增加字段
- 10-3 获取日历时间
- 安装OpenBLAS
热门文章
- [2022.10.30] Linux系统硬盘迁移方案
- 山东计算机专业好的专科大学,山东专科大学前十名有哪些?山东所有专科大学排名榜单...
- Idea2020创建一个Servlet
- C语言宏定义函数中的“_##”的意思
- C语言500以内17或13整除之合,实验4-8 计算k以内能被13或17整除的自然数之和
- Java中ReactiveX(RxJava)的使用
- 搜索总结)(深搜和广搜)
- 算法:查找众数及中位数
- 百家号怎么靠搬运赚钱,百家号怎么搬运文章
- 程序员的编辑器——VIM