小程序中页面兼容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";
|
版权声明：本文为cqlb原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。