123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- import showdown from 'showdown.js';
- import HtmlToJson from 'html2json.js';
- function wxParse(bindName = 'wxParseData', type='html', data='<div class="color:red;">暂无</div>', target,imagePadding) {
- var that = target;
- var transData = {};
- if (type == 'html') {
- transData = HtmlToJson.html2json(data, bindName);
-
- } else if (type == 'md' || type == 'markdown') {
- var converter = new showdown.Converter();
- var html = converter.makeHtml(data);
- transData = HtmlToJson.html2json(html, bindName);
-
- }
- transData.view = {};
- transData.view.imagePadding = 0;
- if(typeof(imagePadding) != 'undefined'){
- transData.view.imagePadding = imagePadding
- }
- var bindData = {};
- bindData[bindName] = transData;
- that.setData(bindData)
- that.wxParseImgLoad = wxParseImgLoad;
- that.wxParseImgTap = wxParseImgTap;
- }
- function wxParseImgTap(e) {
- var that = this;
- var nowImgUrl = e.target.dataset.src;
- var tagFrom = e.target.dataset.from;
- if (typeof (tagFrom) != 'undefined' && tagFrom.length > 0) {
- wx.previewImage({
- current: nowImgUrl,
- urls: that.data[tagFrom].imageUrls
- })
- }
- }
- function wxParseImgLoad(e) {
- var that = this;
- var tagFrom = e.target.dataset.from;
- var idx = e.target.dataset.idx;
- if (typeof (tagFrom) != 'undefined' && tagFrom.length > 0) {
- calMoreImageInfo(e, idx, that, tagFrom)
- }
- }
- function calMoreImageInfo(e, idx, that, bindName) {
- var temData = that.data[bindName];
- if (temData.images.length == 0) {
- return;
- }
- var temImages = temData.images;
-
- var recal = wxAutoImageCal(e.detail.width, e.detail.height,that,bindName);
- temImages[idx].width = recal.imageWidth;
- temImages[idx].height = recal.imageheight;
- temData.images = temImages;
- var bindData = {};
- bindData[bindName] = temData;
- that.setData(bindData);
- }
- function wxAutoImageCal(originalWidth, originalHeight,that,bindName) {
-
- var windowWidth = 0, windowHeight = 0;
- var autoWidth = 0, autoHeight = 0;
- var results = {};
- wx.getSystemInfo({
- success: function (res) {
- var padding = that.data[bindName].view.imagePadding;
- windowWidth = res.windowWidth-2*padding;
- windowHeight = res.windowHeight;
-
-
- if (originalWidth > windowWidth) {
- autoWidth = windowWidth;
-
- autoHeight = (autoWidth * originalHeight) / originalWidth;
-
- results.imageWidth = autoWidth;
- results.imageheight = autoHeight;
- } else {
- results.imageWidth = originalWidth;
- results.imageheight = originalHeight;
- }
- }
- })
- return results;
- }
- function wxParseTemArray(temArrayName,bindNameReg,total,that){
- var array = [];
- var temData = that.data;
- var obj = null;
- for(var i = 0; i < total; i++){
- var simArr = temData[bindNameReg+i].nodes;
- array.push(simArr);
- }
- temArrayName = temArrayName || 'wxParseTemArray';
- obj = JSON.parse('{"'+ temArrayName +'":""}');
- obj[temArrayName] = array;
- that.setData(obj);
- }
- function emojisInit(reg='',baseSrc="/wxParse/emojis/",emojis){
- HtmlToJson.emojisInit(reg,baseSrc,emojis);
- }
- module.exports = {
- wxParse: wxParse,
- wxParseTemArray:wxParseTemArray,
- emojisInit:emojisInit
- }
|