微信小程序通過wxParse.js，嵌入HTML代碼
發(fā)布時(shí)間：2018-05-09 14:59 所屬欄目：小程序開發(fā)教程
|
最近在做小程序，發(fā)現(xiàn)后臺數(shù)據(jù)有很多數(shù)據(jù)時(shí)帶有HTML標(biāo)簽的，不知道怎么搞，在網(wǎng)上看了看文檔，自己整理了一下：
1，在https://github.com/icindy/wxParse上下載這個(gè)文件，下載完之后我們需要用到目錄下的wxParse文件夾，把他拷貝到我們的項(xiàng)目中
2，.在app.wxss全局樣式文件中，引入wxParse.wxss文件
3，在我們要（嵌入的HTML代碼）的wxjs文件中引入wxParse.js
4，然后再我們獲取數(shù)據(jù)的success中添加 WxParse.wxParse(bindName , type, data, target,imagePadding)下面有注釋（下面的代碼是我的項(xiàng)目）
5，在我們要（嵌入的HTML代碼）的wxml中引入wxParse.wxml文件
6，在wxml中將<template is="wxParse" data="{{wxParseData:article.nodes}}"/>寫在我們要展示的（容器內(nèi)）
7，注意：
如果加載的是圖片的話（圖片之間有間隙），要給每個(gè)image設(shè)置margin-top:10rpx（這里的值根據(jù)自己圖片的間距調(diào)試）
大概就是這樣子了，希望對你們有幫助；有哪里不對的，望大神指正！
|
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
碼云倉庫:
本文地址：http://m.u-renovate.com/wxmini/doc/course/24382.html 復(fù)制鏈接
如需定制請聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢
