PHP前端开发

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

百变鹏仔 6天前 #前端问答
文章标签 页面

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

有时候当小程序向后台拿数据是一篇html标签的文章时,把它放进小程序会发现很多标签就不兼容,如果要一个个改又很麻烦,有没有方法可以很快地兼容html标签呢?
有个工具可以做到:wxparse

下载了它的压缩包后解压,复制wxparse文件夹放到小程序pages页面里:

在wxml里引入,这里的路径仅供参考:

<import></import>//在需要放置html文本的地方使用wxParse组件 <view>    <template></template>  </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";