微信小程序PHP文件建在哪里,微信小程序解析H5文件方法
经常有网友问怎么让微信小程序解析H5文件或者类似封装H5网页到APP里面?我一开始觉得这是不可能的,因为官方的解答是这样的:
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。
上面的意思就已经很清楚了。翻译过来就是:
.js就是javascript
.wxss相当于css
.wxml相当于html
然而,wxml与wxss的语法是微信自己定义,不同于html与css语法。既然语法都不一样,微信小程序自然无法加载H5页面。微信只能加载在工程内已经注册的page页面,无法打开外部链接,只能从服务器抓取数据
前段时间,由于微信的编写文件不再是html格式,所以也无法解析 html代码,这个着实令人难过. 我在用网上的API接口获取数据时, 遇到了一个大坑, 那就是 API返回的数据竟然是 含有标签的字符串, 让我无从下手, 在尝试过正则失败后, 不断在网上看有没有可以解析的插件, 终于让我找到了, 那就是wxParse-微信小程序富文本解析组件, 它支持Html及markdown转wxml可视化, 下面不多说, 代码贡献上:
API返回的数据:
注意:
message 对应的 value 值 为
[AppleScript]"
材料
\n
雪梨一个、冰糖适量、牙签几根
做法
\n
1、雪梨洗好,用刀切去尾部,用勺子挖出梨核,最好挖干净,不然影响口感。
\n
2、放几颗冰糖进去,插几根牙签,隔水蒸30分钟左右就OK了。
",
"name": "冰糖雪梨"
这个小程序是无法解析的, 所以, 重点来了.
wxParse-微信小程序富文本解析组件, 通过这个组件, 小程序就可以解析部分的 html文件 还包括 表情包哦, 下面是大礼包, 我将演示如何使用:下载官方demo
Copy文件夹wxParse,与 pages文件目录同级//wxParse目录
- wxParse/
-wxParse.js(必须存在)
-html2json.js(必须存在)
-htmlparser.js(必须存在)
-showdown.js(必须存在)
-wxDiscode.js(必须存在)
-wxParse.wxml(必须存在)
-wxParse.wxss(必须存在)
-emojis(可选)
3.引入必要文件
3.1 在目标 wxml文件中添加以下代码
3.2 在 wxss文件 中添加以下代码(可以是全局wxss,也可以是目标的 wxss文件)@import "/wxParse/wxParse.wxss";
3.3 数据绑定(在目标的 js文件中添加)//在 onLoad 函数里添加哦,
var article = '
我是HTML代码
';
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
var that = this;
WxParse.wxParse('article', 'html', article, that,5);
4.你已成功,不信你看模拟器
微信小程序PHP文件建在哪里,微信小程序解析H5文件方法相关推荐
- java解析json文件_Java性能优化:正确的解析JSON文件
数据收集服务平均1小时OOM(java.lang.OutOfMemoryError: GC overhead limit exceeded)一次,发现都是在下载处理 JSON Atom Feed时OO ...
- python解析xml文件elementtree_在python中使用ElementTree解析xml文件
ElementTree是python自带的处理xml格式文件的模块,位于libxmletreeElementTree.py.这个模块有两个基本概念:Element和ElementTree. 表示整个树 ...
- 【Android 逆向】使用 Python 代码解析 ELF 文件 ( PyCharm 中创建 Python 程序 | 导入 ELFFile 库 | 解析 ELF 文件 )
文章目录 一.PyCharm 中创建 Python 程序 二.导入 ELFFile 依赖库 三. 解析 ELF 文件 四. 博客源码 一.PyCharm 中创建 Python 程序 在 PyCharm ...
- 读文件 —— WEB前端读取本地文件内容哪些事(前台解析txt文件)……
强制让浏览器允许JS读写本地文件--的操作! 问题描述: 让自己的浏览器允许js读写本地文件,尽可能多的兼容各种浏览器.(即本机的js文件读写本机的文件) 问题回复--1: 您的意思是不需要浏览器与用 ...
- [系统安全] 四十一.APT系列(6)Python解析PE文件并获取时间戳判断来源区域
您可能之前看到过我写的类似文章,为什么还要重复撰写呢?只是想更好地帮助初学者了解病毒逆向分析和系统安全,更加成体系且不破坏之前的系列.因此,我重新开设了这个专栏,准备系统整理和深入学习系统安全.逆向分 ...
- php解析mht,php解析mht文件转换成html的实例
php解析mht文件,使用编辑器打开可以看到base64编码所以,mht是可以转换成html的. /** * 针对Mht格式的文件进行解析 * 使用例子: * * function mhtmlPars ...
- SAX解析XML文件
就目前来说,有三种方式可以解析XML文件:DOM.SAX.StAX.DOM将整个XML文件加载到内存中,并构建出节点树:应用程序可以通过遍历节点树的方式来解析XML文件中的各个节点.属性等信息:这种方 ...
- 【h5文件读取】h5文件读取——深度学习数据集常用
数据集的常用格式:h5 深度学习搞了很长时间,其中开源的代码中经常用到大型数据集,里面的数据类型是h5格式,这个格式困扰我挺长时间,因为隔离还拿不到实验室的程序,只好硬着头皮再琢磨一遍. 关于h5文件 ...
- 吴恩达深度学习-Course4第三周作业 yolo.h5文件读取错误解决方法
这个yolo.h5文件走了不少弯路呐,不过最后终于搞好了,现在把最详细的脱坑过程记录下来,希望小伙伴们少走些弯路. 最初的代码是从下面这个大佬博主的百度网盘下载的,但是h5文件无法读取.(22条消息) ...
最新文章
- 命令行下的FTP使用详解
- nginx的负载均衡集群
- 设计模式_第二篇_策略模式
- python selenium对象怎么序列化_python selenium爬取斗鱼
- php 常用编译参数,php编译参数,不用怕!!
- 穿透还原12.1新变种病毒样本
- 剑指offer面试题[29]-数组中出现次数超过一半的数字
- jstl错误:According to TLD or attribute directive in tag file, attribute value does not accept any expr
- 百度杯全国网络攻防大赛——初来乍到
- Oracle 后台进程初探
- MySQL8 设置远程访问授权
- android手机电视投影,教程向 | 手机投屏激光电视操作指南
- Git如何合并分支到主干及合并主干到分支
- CTreeCtrl的HitTest用法
- python趣味程序_python游戏趣味编程:疯狂的小圆圈
- oracle pivot使用方法,Oracle Pivot简单用法
- 悟空(wukong)搜索引擎源代码阅读(待续)
- 10大硬盘数据恢复软件推荐
- StarUML使用简明教程
- 彻底解决matplotlib中文乱码问题
热门文章
- 我是状态机,有一颗永远骚动的机器引擎
- linux shell脚本:通过API实现git仓库从gitee向gitlab的批量迁移(gitlab api)
- goroutine sync.Mutex互斥锁Lock的使用
- django3.2.8配置使用mysql
- hdfs restful API:httpfs与webhdfs的简单使用
- Django 3.2.5博客开发教程:体验数据查询
- geotools读取shp文件及shp文件操作工具类代码
- sublime关于行操作的快捷键:如快速复制整行等
- loadrunner脚本设计:参数化
- eureka之EurekaClientConfig的作用