小程序中页面兼容h5标签的解析
生活随笔
收集整理的這篇文章主要介紹了
小程序中页面兼容h5标签的解析
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
有時(shí)候當(dāng)小程序向后臺(tái)拿數(shù)據(jù)是一篇html標(biāo)簽的文章時(shí),把它放進(jìn)小程序會(huì)發(fā)現(xiàn)很多標(biāo)簽就不兼容,如果要一個(gè)個(gè)改又很麻煩,有沒有方法可以很快地兼容html標(biāo)簽?zāi)?#xff1f;?
有個(gè)工具可以做到:wxParse?
下載了它的壓縮包后解壓,復(fù)制wxParse文件夾放到小程序pages頁面里:?
在wxml里引入,這里的路徑僅供參考:
| 1 2 3 | <import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse組件 <view class='article_bd'> ????<template is="wxParse" data="{{wxParseData:content.nodes}}" /> ??</view> |
在js里引入:
| 1 2 3 4 5 6 7 8 9 10 11 | let wxparse = require("../../../../wxParse/wxParse.js"); Page({? /** ???* 頁面的初始數(shù)據(jù) ???*/ ??data: { ??????content: '' ??}, ???onLoad: function(options) {???? var that = this; ?????.....???? //在后臺(tái)拿到content數(shù)據(jù)后, result.data.content就是拿到的數(shù)據(jù) ??????wxparse.wxParse('content', 'html', result.data.content, that); ???} |
在wxss引入:
| 1 | @import "../../../../wxParse/wxParse.wxss"; ? |
轉(zhuǎn)載于:https://www.cnblogs.com/cqlb/p/9494903.html
總結(jié)
以上是生活随笔為你收集整理的小程序中页面兼容h5标签的解析的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2018 ACM 国际大学生程序设计竞赛
- 下一篇: 【开源】SpringBootNetty聊