小程序中页面兼容h5标签的解析

互联网 18-8-10

本篇文章给大家带来的内容是关于小程序中页面兼容h5标签的解析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

有时候当小程序向后台拿数据是一篇html标签的文章时,把它放进小程序会发现很多标签就不兼容,如果要一个个改又很麻烦,有没有方法可以很快地兼容html标签呢? 有个工具可以做到:wxParse 下载了它的压缩包后解压,复制wxParse文件夹放到小程序pages页面里: 在wxml里引入,这里的路径仅供参考:

<import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse组件 <view class='article_bd'>     <template is="wxParse" data="{{wxParseData:content.nodes}}" />   </view>

在js里引入:

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引入:

@import "../../../../wxParse/wxParse.wxss";

相关推荐:

微信小程序中app.json配置的代码解析

小程序中页面布局和绝对定位以及按钮代码

以上就是小程序中页面兼容h5标签的解析的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:微信小程序中app.json配置的代码解析

相关资讯