• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序引用html遇到的问题

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

先说引用html的方法:

1.下载wxParse
https://github.com/icindy/wxParse

2.添加到项目

 

3.引用

在需要使用转换的js中引入

var WxParse = require('../../wxParse/wxParse.js');//html转换为wxml
 
对应的wxss中引入
@import "/wxParse/wxParse.wxss";/* html转换为wxml */
对应的wxml中引入
<import src="../../wxParse/wxParse.wxml" />
 
<template is="wxParse" data="{{wxParseData:goodsDetail.nodes}}"/>
4.调用
js中使用
//获取商品详情
getGoodsDetail: function (){
var url = app.globalData.reqUrl + 'shop_goods/view';
var params = {
id: this.data.goodsId
, user_id: app.globalData.userId
,page: 1
,city: ""
};
app.request.requestGetApi(url, params, this, this.successFun_goodsDetail, this.failFun);
},

successFun_imgDetail: function(res,selfObj){ console.log(res); /** * WxParse.wxParse(bindName , type, data, target,imagePadding) * 1.bindName绑定的数据名(必填) * 2.type可以为html或者md(必填) * 3.data为传入的具体数据(必填) * 4.target为Page对象,一般为this(必填) * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) */ // var that = this; WxParse.wxParse('shopDetail', 'md', res, selfObj, 0); },

遇到的问题

1.返回的html图片是相对地址

要改成绝对地址,需要修改html2json.js文件

if (node.tag === 'img') {
              node.imgIndex = results.images.length;
              console.log(app.globalData.baseUrl);
              var imgUrl = "项目中使用的图片地址路径" + node.attr.src;
                if (imgUrl[0] == '') {
                  imgUrl.splice(0, 1);
                }
                imgUrl = wxDiscode.urlToHttpUrl(imgUrl, __placeImgeUrlHttps);
                node.attr.src = imgUrl;
                node.from = bindName;
                results.images.push(node);
                results.imageUrls.push(imgUrl);

            }

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap