小程序---页面兼容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";阅读更多
相关文章推荐
- 小程序嵌套的h5页面的转发功能
- QQ里面打开H5页面,某些数字会默认变为a标签,字体变蓝,文字换行的解决办法
- iframe,H5标签embed加载页面,session失效后页面嵌套解决办法
- H5页面倒计时代码(解决safari不兼容date的问题)
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- 微信端开发H5页面的时候,audio标签在苹果机上无法进行自动播放
- H5页面meta标签小结:
- paip.提升用户体验---WEB程序页面的手机及平板浏览器兼容支持
- 移动终端H5页面meta标签的设置案例
- 关于H5页面点击a标签拉取QQ临时对话的问题
- 【H5】ie8如何兼容html5标签(hack)
- 微信端开发H5页面的时候,audio标签在苹果机上无法进行自动播放
- webview打开微信支付,web view h5页面中调用小程序支付——小程序web-view高级用法11
- 微信小程序中内嵌一个h5页面
- 微信小程序添加H5页面
- 移动终端H5页面meta标签的设置
- h5打开小程序,h5网页跳转打开小程序页面
- 小程序web-view转发网页,h5页面怎么在微信小程序web view里转发
- H5页面在移动端的兼容问题
- H5页面实现一个Audio标签加载多个音频文件,并进行播放和展示音频长度