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

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

1
2
3
<import src= "../../../../wxParse/wxParse.wxml" /> //在需要放置html文本的地方使用wxParse组件 <view class='article_bd'>
     <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: ''
   },
    onLoad: function (options) {     var that = this ;
      .....     //在后台拿到content数据后, result.data.content就是拿到的数据
       wxparse.wxParse( 'content' , 'html' , result.data.content, that);
    }

在wxss引入:

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

 

转载于:https://www.cnblogs.com/cqlb/p/9494903.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值