微信小程序将html转化为wxml（单条数据转换）

原创于 2019-01-08 15:29:04 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

41 篇文章

订阅专栏

本文介绍如何使用wxParse插件将HTML转换为小程序可识别的wxml格式，包括插件的下载、引入及具体使用方法。

1.使用外部插件wxpase

github下载地址：https://github.com/icindy/wxParse

2.需要用到的js里引入

const WxParse = require('../../wxParse/wxParse.js');



 onLoad: function(options) {
    var that=this;
    var parms = JSON.parse(options.parms);

    /**
    * WxParse.wxParse(bindName , type, data, target,imagePadding)
    * 1.bindName绑定的数据名(必填)
    * 2.type可以为html或者md(必填)
    * 3.data为传入的具体数据(必填)
    * 4.target为Page对象,一般为this(必填)
    * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
    *
    * 6.parms.actAsk是一个html代码  
    */

    WxParse.wxParse('article1', 'html', parms.actAsk, that, 5);  //将parms.actAsk转化wxml


  },

3.需要的wxml里引入

<import src="../../wxParse/wxParse.wxml" />


 <!-- 这里是在需要的地方引入  article1 是js里面设置的绑定的数据名-->

 <template is="wxParse" data="{{wxParseData:article1.nodes}}" />

4.需要的wxss里引入