程序里页面兼容 h5 标签的详细解析与探讨

why 226 2024-08-07

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

小程序里页面兼容 h5 标签的详细解析与探讨

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

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

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

1

2

3

<import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse组件 <view class=&#39;article_bd&#39;>

    <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: &#39;&#39;

  },

   onLoad: function(options) {     var that = this;

     .....     //在后台拿到content数据后, result.data.content就是拿到的数据

      wxparse.wxParse(&#39;content&#39;, &#39;html&#39;, result.data.content, that);

   }

在wxss引入:

1

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

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序中传递参数与接收数据的有效方法解析
下一篇:微信小程序内 app.json 配置的相关代码深度解析
相关文章

 发表评论

暂时没有评论,来抢沙发吧~