小程序----页面兼容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";

猜你喜欢

转载自blog.csdn.net/Ariel_201311/article/details/81488976