小程序html转wxml,微信小程序用wxParse解析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:代表图片的内边距

4、在 wxml 结构页面中使用

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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM