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

2022-05-20 18:52:15   第一文档网     [ 字体: ] [ 阅读: ] [ 文档下载 ]
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。下载word有问题请添加QQ:admin处理,感谢您的支持与谅解。点击这里给我发消息

#第一文档网# 导语】以下是®第一文档网的小编为您整理的《【IT专家】小程序html转wxml,微信小程序用wxParse解析html》,欢迎阅读!
程序,html,解析,wxParse,专家

本文由我司收集整编,推荐下载,如有疑问,请与我司联系

小程序 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

相关推荐
推荐阅读