码迷,mamicode.com
首页 > 微信 > 详细

微信小程序资料总结

时间:2018-02-23 13:20:57      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:zcl   height   观察   func   pos   indexof   https   数据   cad   

http://blog.csdn.net/ZCLengendary/article/details/54312030  --添加html标签与处理

https://www.cnblogs.com/HDK2016/p/6285320.html --正则表达式

 

<span style="font-size:18px;"> <span style="white-space:pre;">  </span>//替换标签中特殊字符 这里观察返回数据找到非 HTML 字符串,随后将该字符串替换成空字符串.  
        var infoFlg = "<!--SPINFO#0-->";  
        if (content.indexOf(infoFlg) > 0) {  
         content = content.replace(/<!--SPINFO#0-->/, "");  
        }</span> 

下面是实例

js代码如下

<span style="font-size:18px;">var WxParse = require(../../wxParse/wxParse.js);  
  
Page({  
  
  data: {  
  },  
  
onLoad: function(options) {  
      
    //http://c.m.163.com/nc/article/CADGA4VH0001875N/full.html  
    var self = this;  
    var optionId = options.id;  
    console.log(optionId);  
    wx.request( {  
      url: http://c.m.163.com/nc/article/ +optionId+ /full.html,  
      header: {  
        "Content-Type": "application/json"  
      },  
      method: "GET",  
      data: {  
          
      },  
      success: function( res ) {  
  
        var data = res.data[optionId];  
        var imgInfoArr = res.data[optionId].img;  
  
        //替换标签中特殊字符  
        var infoFlg = "<!--SPINFO#0-->";  
        var imgFlg = "<!--IMG#";  
        var title = " <p style=\"margin:15px 15px; line-height: 20px;\"> " + res.data[optionId].title + "</p>";  
        var source = " <p style=\"margin:15px 15px; font-size: 14px; color:darkgray \">来源于: " + res.data[optionId].source + "</p>";  
        var content = "<div style=\"margin:10px; line-height:25px; font-weight:200; font-size:17px; color:black; word-break:normal\">" + res.data[optionId].body + "</div>";  
  
         //替换标签中特殊字符  
        var infoFlg = "<!--SPINFO#0-->";  
        if (content.indexOf(infoFlg) > 0) {  
         content = content.replace(/<!--SPINFO#0-->/, "");  
        }  
  
        var imgFlg = "<!--IMG#";  
        //图片数量  
        var imgCount = (content.split(imgFlg)).length-1;   
        if (imgCount > 0) {  
          console.log("有dd" + imgCount + "张图片");    
            
          for (var i = 0; i < imgCount; i++) {  
            var imgStr = "<!--IMG#" + i + "-->";  
            var imgSrc = "\"" + imgInfoArr[i].src + "\"";   
            var imgHTML = "<div> <img style=\"width:100%\" src=" +imgSrc+ "> </div>";  
            content = content.replace(imgStr, imgHTML);  
          }  
        }  
  
        var article = title + source + content ;  
        WxParse.wxParse(article, html, article, self,imgCount);  
  
  
        setTimeout (function () {  
          self.setData({  
          hide: true  
        })  
        }, 500)  
      }  
    });  
}  
  
})</span> 

 

微信小程序资料总结

标签:zcl   height   观察   func   pos   indexof   https   数据   cad   

原文地址:https://www.cnblogs.com/pengwenzheng/p/8461438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!