⼩程序wxParse插件显⽰视频问题
修改wxParse/html2json.js ⽂件，在html2json(html, bindName) ⽅法⾥
var node = {
node: 'element',
tag: tag,
};
这⾥使⽤ node.tag 能够获取标签类型，⽐如： img、embed、video
这⾥我的系统后台编辑器使⽤的是ckeditor 上传视频。⽣成的便签是：embed
所以加上判断：
if (node.tag =="embed"){
var embUrl = node.attr.src;
小程序图文editor
if (node.attr.src.indexOf('http:')==-1){
embUrl = "xxxx" + node.attr.src;
}
node.attr.src = embUrl;
node.tag='video';
}
插件⾥只判断了video标签，识别不出来embed 标签，所有视频⽆法显⽰，加上判断，这样就可以了。
知识点扩展：⼩程序插件wxParse的使⽤
由于⼩程序不⽀持后台富⽂本编辑器编辑的html，需要使⽤wxParse 这个插件来解析，下⾯介绍⼀下这个插件的使⽤⽅法。
1.下载插件
2.在当前页⾯的JS⾥引⼊wxParse.js
var WxParse = require('../../wxParse/wxParse.js');
Page({
data: {},
onLoad: function() {
var that = this;
// 映射表情包
"00": "00.gif",
"01": "01.gif",
"02": "02.gif",
"03": "03.gif",
"04": "04.gif",
"05": "05.gif",
"06": "06.gif",
"07": "07.gif",
"08": "08.gif",
"09": "09.gif",
"09": "09.gif",
"10": "10.gif",
"11": "11.gif",
"12": "12.gif",
"13": "13.gif",
"14": "14.gif",
"15": "15.gif",
"16": "16.gif",
"17": "17.gif",
"18": "18.gif",
"19": "19.gif",
});
var article = `<div>从后端获取的HTML格式⽂件</div>`;
WxParse.wxParse('article', 'html', article, that, 5);
// WxParse.wxParse(bindName, type, data, target, imagePadding);
// bindName绑定的数据名(必填)
/
/ type可以为html或者md(必填)
// data为传⼊的具体数据(必填)
// target为Page对象, ⼀般为this(必填)
// imagePadding为当图⽚⾃适应是左右的单⼀padding(默认为0, 可选)
}
})
3.在全局app.wxss引⼊wxParse.wxss
@import "wxParse/wxParse.wxss";
4.在当前页⾯wxml中引⼊wxParse.wxml
<import src="../../wxParse/wxParse.wxml"/>
<view class="wxParse">
<!-- 这⾥data中article为bindName -->
<template is="wxParse" data="{{des}}"/>
</view>
总结
以上所述是⼩编给⼤家介绍的⼩程序 wxParse插件显⽰视频问题，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！

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