⼩程序中去除h5标签_HTML5标签转⼩程序详解本篇教程探讨了HTML5标签转⼩程序详解，希望阅读本篇⽂章以后⼤家有所收获，帮助⼤家HTML5+CSS3从⼊门到精通 。<
最近做项⽬的时候碰到⼀个问题，就是调⽤接⼝获取信息到页⾯上，内容与HTML5标签⼀起获取过来了。⼀起显⽰在端上。所以以下解决⽅法。
先把转换的html5的插件下载下来。
wxParse插件
我把下载好的插件放在项⽬最外⾯，你们看个⼈情况。
我这⾥导⼊这些⽂件，是那个页⾯需要转换在然后再导⼊的。
2.在使⽤的View中引⼊WxParse.js模块
var WxParse = require(‘../../../wxParse/wxParse.js‘);
2.1在使⽤的Wxss中引⼊WxParse.css
@import "../../../wxParse/wxParse.wxss";
3、我这⾥是直接获取接⼝的。所以不是模拟数据。(数据绑定)
//在使⽤的View中引⼊WxParse模块
var WxParse = require(‘../../../wxParse/wxParse.js‘);
Page({
/**
* 页⾯的初始数据
*/
data: {
},
/**
* ⽣命周期函数--监听页⾯加载
*/
onLoad: function (options) {
var that = this;
// 内容详情
//这⾥写你们调⽤的接⼝
method: ‘POST‘,
header: {
‘content-type‘: ‘application/x-www-form-urlencoded‘,
代码转换
},
success: function (res) {
/
/因为我这⾥从数据库读取出来的的东西，只有content有HTML5标签的。所以我这⾥单独拿出来给这个字段转换。这⾥到时候在wxml获取内容就是引⼊模板进来
WxParse.wxParse(‘article‘, ‘html‘, res.t, that, 5);
//这⾥直接赋值就可以了 ，到时候在wxml获取信息就 {{movie:title}}
that.setData({
movie: res.data.data,
})
},
fail: function (res) {
console.log(‘转换submit fail‘);
},
complete: function (res) {
console.log(‘转换submit complete‘);
}
});
},
4、模版引⽤
没有引⼊模板之前的内容
我这⾥正常拿值，很明显这⾥是没有⽤ wxparse 模板⽂件
不是我们需要的，可以注释这⼏⾏代码了，
{{t}}
重点在这⾥，这⾥就是需要转换的内容
{{movie.title}}
现在问题已经解决了，刚才那些HTML5标签都转换成功了，已经没有原样输出了，只是我⽤画笔颜⾊挡住了内容。希望这篇⽂章能够解决你们的问题，初学者写的笔记，哪⾥不⾜望各位路过的⼤神指点。
本⽂由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。