【#第一文档网# 导语】以下是®第一文档网的小编为您整理的《【IT专家】小程序html转wxml,微信小程序用wxParse解析html》,欢迎阅读!
本文由我司收集整编,推荐下载,如有疑问,请与我司联系 小程序 html 转 wxml,微信小程序用 wxParse 解析 html 2017/11/10 735 我们在上一节课程中提到, 小程序解析 html 网页标签, 有 3 种方法: 1) 使用 wxPasr 解析 html 2) 单独解析 html 标签 3) 使用最新的 小程序组件 web-view 今天子恒老师跟你分享第一种方法 wxpasr 解析 html 效果 一、 wxParse 把 html 转换为 wxml 的方法和流程 1) 首先下载 wxParse 脚 本 放到项目根目录 2) 在样式页面 wxss 中引入 wxparse 样式文件 @import “../../wxParse/wxParse.wxss”; 3) 在逻辑处理页面 js 中引入 wxparse 模块 核心代码片段 … var wxParse = require(‘../../wxParse/wxParse.js’); … wxParse.wxParse(‘article’, ‘html’, content, that, 5); … 参数说明 article:节点名称,会在 wxml 中引用 html:代表解析的是 html 代 码,其实 wxparse 还可以解析 markdown 代码 content:代表从服务器取到取 html 内 容 that:代表 app 实例 5:代表图片的内边距 4) 在 wxml 结构页面中使用 / … 核心代码片段 template … import is=”wxParse” src=”../../wxParse/wxParse.wxml” data=”{{wxParseData:article.nodes}}” / … 代码说明 import… 引入 wxparse 模板文件 template is=”wxParse” 是固定格式,其中的 article 与第 3 步中的 data=”{{wxParseData:article.nodes}}” / article 节点名称保持一致。 猛击这里, 观看《小程序使用 wxparse 解析 html》视频教程, 演示代码编写 更详细, 源代码下载直接使用。 wxpasr 解析 html 代码 本文来源:https://www.dywdw.cn/60c4d473b04e852458fb770bf78a6529647d35ef.html