您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

小程序中页面兼容h5标签的解析

2024/2/21 5:44:45发布17次查看
本篇文章给大家带来的内容是关于小程序中页面兼容h5标签的解析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
有时候当小程序向后台拿数据是一篇html标签的文章时,把它放进小程序会发现很多标签就不兼容,如果要一个个改又很麻烦,有没有方法可以很快地兼容html标签呢?
有个工具可以做到:wxparse
下载了它的压缩包后解压,复制wxparse文件夹放到小程序pages页面里:
在wxml里引入,这里的路径仅供参考:
<import src="../../../../wxparse/wxparse.wxml" />//在需要放置html文本的地方使用wxparse组件 <view class='article_bd'> <template is="wxparse" data="{{wxparsedata:content.nodes}}" /> </view>
在js里引入:
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引入:
@import "../../../../wxparse/wxparse.wxss";
相关推荐:
微信小程序中app.json配置的代码解析
小程序中页面布局和绝对定位以及按钮代码以上就是小程序中页面兼容h5标签的解析的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product