【IT专家】小程序html转wxml,微信小程序用wxParse解析html

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《【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.wddqxz.cn/60c4d473b04e852458fb770bf78a6529647d35ef.html