小程序中页面兼容h5标签的解析
生活随笔
收集整理的這篇文章主要介紹了
小程序中页面兼容h5标签的解析
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
有時候當小程序向后臺拿數據是一篇html標簽的文章時,把它放進小程序會發現很多標簽就不兼容,如果要一個個改又很麻煩,有沒有方法可以很快地兼容html標簽呢??
有個工具可以做到:wxParse?
下載了它的壓縮包后解壓,復制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({? /** ???* 頁面的初始數據 ???*/ ??data: { ??????content: '' ??}, ???onLoad: function(options) {???? var that = this; ?????.....???? //在后臺拿到content數據后, result.data.content就是拿到的數據 ??????wxparse.wxParse('content', 'html', result.data.content, that); ???} |
在wxss引入:
| 1 | @import "../../../../wxParse/wxParse.wxss"; ? |
轉載于:https://www.cnblogs.com/cqlb/p/9494903.html
總結
以上是生活随笔為你收集整理的小程序中页面兼容h5标签的解析的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2018 ACM 国际大学生程序设计竞赛
- 下一篇: 【开源】SpringBootNetty聊