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

小程序引用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人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
第7章数据库访问与ORM慕课网微信小程序开发学习笔记发布时间：2022-07-18
下一篇：
微信小程序文本框textarea实时提示还可以输入多少文字发布时间：2022-07-18
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

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

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