⼩程序开发——模板中加载html代码
最新⽅法可以使⽤⼩程序提供的 rich-text （富⽂本）组件直接写解析html，详见：
<rich-text class='f13 c_9' nodes="{{html}}"></rich-text>
其中 html 为后端返回的html代码格式数据，这⾥直接就可以解析，再也不需要像wxParse那样还需要引⼊插件。
虽然官⽅⽂档说nodes不推荐使⽤String类型，性能会有所下降（当然了，肯定要解析代码呀），建议使⽤nodes类型（节点列表），就是这样的：
<rich-text nodes="{{nodes}}" bindtap="tap"></rich-text>
Page({
data: {
nodes: [{
name: 'div',
attrs: {
class: 'div_class',
style: 'line-height: 60px; color: red;'
},
children: [{
type: 'text',
text: 'Hello World!'
}]
}]
},
tap() {
console.log('tap')
}
})
最初使⽤wxParse就是没注意到这个组件还⽀持String格式数据，通篇在介绍nodes这种⽤法。想想这种⽤法实在是有点反⼈类（吐槽下），如果我要嵌⼊解析html⽂档，为什么还要⽤节点列表的形式去写呢？如果我都能写出节点列表了，为什么不直接⽤wxml标签写呢？解析html 主要就是解析服务器获取的html数据的呀，后端服务器获取的html数据我还要转换成Nodes？凌乱中......
学校网站免费html模板总之，⽬前我还没想到什么情况下需要使⽤这种⽅式，即使使⽤String类型性能会有所下降，但总⽐我去解析html成nodes或者使⽤wxParse 好吧，这就⾜够了。
⼩程序默认是不⽀持html格式的内容显⽰的，那可以通过wxParse来实现。
2) 下载完成后将插件⽬录下的wxParse⽂件夹拷贝到项⽬⽬录下
3) 在app.wxss中导⼊wxParse的样式表：
@import "wxParse/wxParse.wxss";
4）在需要加载html代码的页⾯js⽂件中引⽤wxParse.js⽂件：
var WxParse = require('../../../wxParse/wxParse.js');
5）通过WxParse.wxParse的⽅法来设置html内容：
var htmlContent= "<h2>这⾥是Html内容</h2>"
WxParse.wxParse('detailHtml', 'html', htmlContent, this, 0);
6) 页⾯中引⽤模板
<import src="../../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{des}}"/>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。