有时候当小程序向后台拿数据是一篇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"
;
|