您的位置:首页 > 移动开发 > 微信开发

小程序---页面兼容h5标签

2018-08-07 21:30 856 查看

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

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

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

<import src="../../../../wxParse/wxParse.wxml" />
<view>
//在需要放置html文本的地方使用wxParse模板
<template is="wxParse" data="{{wxParseData:content.nodes}}" />
</view>

在js里引入:

let wxparse = require("../../../../wxParse/wxParse.js");
Page({

/**
* 页面的初始数据
*/
data: {
content: ''
},
onLoad: function(options) {
var that = this;
.....
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
wxparse.wxParse('content', 'html', result.data.content, that);
}

在wxss引入:

@import "../../../../wxParse/wxParse.wxss";
阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: