小程序html转wxml，微信小程序用wxParse解析html

最新推荐文章于 2024-06-15 12:18:05 发布

aiqizhi6114

最新推荐文章于 2024-06-15 12:18:05 发布

阅读量101

点赞数

文章标签： markdown

原文链接：http://www.cnblogs.com/bing0709/p/10637366.html

版权

1、首先下载 wxParse脚本，到https://github.com/icindy/wxParse下载，将wxParse文件夹放置到小程序根目录，即跟pages同级目录

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：代表图片的内边距

…
<import src=”../../wxParse/wxParse.wxml” />
…
<template is=”wxParse” data=”{{wxParseData:article.nodes}}” />
…

import… 引入 wxparse 模板文件
<template is=”wxParse” data=”{{wxParseData:article.nodes}}” /> 是固定格式，其中的article与第3步中的article节点名称保持一致

转载于:https://www.cnblogs.com/bing0709/p/10637366.html

关注