小程序中页面兼容h5标签的示例分析

这篇文章主要介绍了小程序中页面兼容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";

感谢你能够认真阅读完这篇文章，希望小编分享的“小程序中页面兼容h5标签的示例分析”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!