wxparse使用

时间：2019-07-11 11:26:50 阅读：98 评论：0 收藏：0 [点我收藏+]

优点：目前已知唯一可以转化HTML到小程序识别的插件

缺点：转换一个HTML标签可能需要大量的微信小程序标签还有样式

配置：第一步，下载

https://github.com/icindy/wxParse

第二步，放入项目中，我选择pages目录下

第三步，配置

wxml加入：

在需要的地方使用：

其中article是后台html值的变量名

js加入：

var WxParse = require(‘../wxParse/wxParse.js‘);

这里貌似使用es6的import会有错误

我在onload事件写下了：

WxParse.wxParse(‘article‘, ‘html‘, this.data.article, this, 5);

注意的是第三个和第四个参数，前几个可以固定不变，第三个是后台数据，第四个是指的小程序标签

wxss加入：

@import ‘../wxParse/wxParse.wxss‘;

到此完成，但是要注意的是a标签的转化，需要加入一个方法，示例如下：

wxParseTagATap: function (e) {

var href = e.currentTarget.dataset.src;

console.log(href);

wx.redirectTo({

url: href

});

}

这个在点击a标签的时候控制台其实是输出了警告信息的

此外url也只能是小程序内部地址，这是个限制，他不能跳到外部，这里我想后台编辑的时候可以用二维码替代，小程序跳转外部地址可以使用web-view标签，详情参考官方文档

原文：https://www.cnblogs.com/llcdbk/p/11168450.html

踩

(0)

评论一句话评论（0）

分享档案

更多>