xiaoe_mp_npm 1.0.21 → 1.0.22-test02

package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/html2json.js

@@ -0,0 +1,623 @@
+/**
+ * author: Di (微信小程序开发工程师)
+ * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
+ *               垂直微信小程序开发交流社区
+ *
+ * github地址: https://github.com/icindy/wxParse
+ *
+ * for: 微信小程序富文本解析
+ * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
+ */
+
+var __placeImgeUrlHttps = 'https'
+var __emojisReg = ''
+var __emojisBaseSrc = ''
+var __emojis = {}
+var wxDiscode = require('wxDiscode.js')
+var HTMLParser = require('htmlparser.js')
+// Empty Elements - HTML 5
+var empty = makeMap(
+  'area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr',
+)
+// Block Elements - HTML 5
+var block = makeMap(
+  'br,a,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video',
+)
+
+// Inline Elements - HTML 5
+var inline = makeMap(
+  'abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var',
+)
+
+// Elements that you can, intentionally, leave open
+// (and which close themselves)
+var closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr')
+
+// Attributes that have their values filled in disabled="disabled"
+var fillAttrs = makeMap(
+  'checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected',
+)
+
+// Special Elements (can contain anything)
+var special = makeMap('wxxxcode-style,script,style,view,scroll-view,block')
+
+// 定义列表类型
+var listTypeObj = {
+  'lower-alpha': [
+    'a',
+    'b',
+    'c',
+    'd',
+    'e',
+    'f',
+    'g',
+    'h',
+    'i',
+    'j',
+    'k',
+    'l',
+    'm',
+    'n',
+    'o',
+    'p',
+    'q',
+    'r',
+    's',
+    't',
+    'u',
+    'v',
+    'w',
+    'x',
+    'y',
+    'z',
+  ],
+  'lower-roman': ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix', 'x'],
+  'upper-alpha': [
+    'A',
+    'B',
+    'C',
+    'D',
+    'E',
+    'F',
+    'G',
+    'H',
+    'I',
+    'J',
+    'K',
+    'L',
+    'M',
+    'N',
+    'O',
+    'P',
+    'Q',
+    'R',
+    'S',
+    'T',
+    'U',
+    'V',
+    'W',
+    'X',
+    'Y',
+    'Z',
+  ],
+  'upper-roman': ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X'],
+  'cjk-ideographic': ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十'],
+  'lower-greek': [
+    'α',
+    'β',
+    'γ',
+    'δ',
+    'ε',
+    'ζ',
+    'η',
+    'θ',
+    'ι',
+    'κ',
+    'λ',
+    'μ',
+    'ν',
+    'ξ',
+    'ο',
+    'π',
+    'ρ',
+    'σ',
+    'τ',
+    'υ',
+    'φ',
+    'χ',
+    'ψ',
+    'ω',
+  ],
+}
+
+//字母转化为数字
+function toNum(listTextLen) {
+  //至多36位
+  switch (listTextLen) {
+    case 0:
+      listTextLen = 0
+      break
+    case 1:
+      listTextLen = 1
+      break
+    case 2:
+      listTextLen = 2
+      break
+    case 3:
+      listTextLen = 3
+      break
+    case 4:
+      listTextLen = 4
+      break
+    case 5:
+      listTextLen = 5
+      break
+    case 6:
+      listTextLen = 6
+      break
+    case 7:
+      listTextLen = 7
+      break
+    case 8:
+      listTextLen = 8
+      break
+    case 9:
+      listTextLen = 9
+      break
+    case 'a':
+      listTextLen = 10
+      break
+    case 'b':
+      listTextLen = 11
+      break
+    case 'c':
+      listTextLen = 12
+      break
+    case 'd':
+      listTextLen = 13
+      break
+    case 'e':
+      listTextLen = 14
+      break
+    case 'f':
+      listTextLen = 16
+      break
+    case 'g':
+      listTextLen = 17
+      break
+    case 'h':
+      listTextLen = 18
+      break
+    case 'i':
+      listTextLen = 19
+      break
+    case 'j':
+      listTextLen = 20
+      break
+    case 'k':
+      listTextLen = 21
+      break
+    case 'l':
+      listTextLen = 22
+      break
+    case 'm':
+      listTextLen = 23
+      break
+    case 'n':
+      listTextLen = 24
+      break
+    case 'o':
+      listTextLen = 25
+      break
+    case 'p':
+      listTextLen = 26
+      break
+    case 'q':
+      listTextLen = 27
+      break
+    case 'r':
+      listTextLen = 28
+      break
+    case 's':
+      listTextLen = 29
+      break
+    case 't':
+      listTextLen = 30
+      break
+    case 'u':
+      listTextLen = 31
+      break
+    case 'v':
+      listTextLen = 32
+      break
+    case 'w':
+      listTextLen = 33
+      break
+    case 'x':
+      listTextLen = 34
+      break
+    case 'y':
+      listTextLen = 35
+      break
+    case 'z':
+      listTextLen = 36
+      break
+  }
+
+  return listTextLen
+}
+
+function getListText(listType, listIdx) {
+  var listTypeArr = listTypeObj[listType]
+  var listTypeLen = listTypeArr.length
+  var listText = ''
+  var listTextLen = listIdx.toString(listTypeLen)
+
+  var listTextArr = listTextLen.split('').reverse()
+  if (listType == 'cjk-ideographic') {
+    if (listIdx <= listTypeLen) {
+      var j = listIdx - 1
+      listText += listTypeArr[j]
+    } else {
+      for (var z = listTextArr.length - 1; z >= 0; z--) {
+        if (z == 0) {
+          j = toNum(listTextArr[z])
+          if (j == 0) {
+            break
+          } else {
+            listText += listTypeArr[j - 1]
+            break
+          }
+        }
+        if (z == 1 && listTextArr[z] == 1) {
+          listText += listTypeArr[listTypeLen - 1]
+        } else {
+          j = toNum(listTextArr[z]) - 1
+          listText = listTypeArr[j] + listTypeArr[listTypeLen - 1]
+        }
+      }
+    }
+  } else if (listType == 'upper-roman' || listType == 'lower-roman') {
+    if (listIdx <= listTypeLen) {
+      let j = listIdx - 1
+      listText += listTypeArr[j]
+    } else {
+      for (let z = listTextArr.length - 1; z >= 0; z--) {
+        if (z == 0) {
+          j = toNum(listTextArr[z])
+          if (j == 0) {
+            break
+          } else {
+            listText += listTypeArr[j - 1]
+            break
+          }
+        }
+        if (z == 1 && listTextArr[z] == 1) {
+          listText += listTypeArr[listTypeLen - 1]
+        } else {
+          j = toNum(listTextArr[z])
+          for (var k = 0; k <= j - 1; j--) {
+            listText += listTypeArr[listTypeLen - 1]
+          }
+        }
+      }
+    }
+  } else {
+    if (listIdx <= listTypeLen) {
+      let j = listIdx - 1
+      listText += listTypeArr[j]
+    } else {
+      for (let z = listTextArr.length - 1; z >= 0; z--) {
+        if (z == 0) {
+          j = toNum(listTextArr[z])
+          if (j == 0) {
+            break
+          } else {
+            listText += listTypeArr[j - 1]
+            break
+          }
+        } else {
+          j = toNum(listTextArr[z])
+          listText += listTypeArr[j - 1]
+        }
+      }
+    }
+  }
+
+  return listText
+}
+
+function makeMap(str) {
+  var obj = {},
+    items = str.split(',')
+  for (var i = 0; i < items.length; i++) obj[items[i]] = true
+  return obj
+}
+
+function q(v) {
+  return '"' + v + '"'
+}
+
+function removeDOCTYPE(html) {
+  return html
+    .replace(/<\?xml.*\?>\n/, '')
+    .replace(/<!doctype.*\>\n/, '')
+    .replace(/<!DOCTYPE.*\>\n/, '')
+}
+
+function html2json(html, bindName) {
+  //处理字符串
+  html = removeDOCTYPE(html)
+  html = wxDiscode.strDiscode(html)
+  //生成node节点
+  var bufArray = []
+  var results = {
+    node: bindName,
+    nodes: [],
+    images: [],
+    imageUrls: [],
+  }
+  HTMLParser(html, {
+    start: function (tag, attrs, unary) {
+      //debug(tag, attrs, unary);
+      // node for this element
+      var node = {
+        node: 'element',
+        tag: tag,
+      }
+
+      if (block[tag]) {
+        node.tagType = 'block'
+      } else if (inline[tag]) {
+        node.tagType = 'inline'
+      } else if (closeSelf[tag]) {
+        node.tagType = 'closeSelf'
+      }
+
+      if (attrs.length !== 0) {
+        node.attr = attrs.reduce(function (pre, attr) {
+          var name = attr.name
+          var value = attr.value
+          if (name == 'class') {
+            // console.dir(value);
+            //  value = value.join("")
+            node.classStr = value
+          }
+          // has multi attibutes
+          // make it array of attribute
+          if (name == 'style') {
+            // console.dir(value);
+            //  value = value.join("")
+            node.styleStr = value
+          }
+          if (value.match(/ /)) {
+            value = value.split(' ')
+          }
+
+          // if attr already exists
+          // merge it
+          if (pre[name]) {
+            if (Array.isArray(pre[name])) {
+              // already array, push to last
+              pre[name].push(value)
+            } else {
+              // single value, make it array
+              pre[name] = [pre[name], value]
+            }
+          } else {
+            // not exist, put it
+            pre[name] = value
+          }
+
+          return pre
+        }, {})
+      }
+
+      if (node.tag === 'a') {
+        // a的图文子节点预览事件屏蔽
+        node.no_img_preview = true
+      }
+      //对img添加额外数据
+      if (node.tag === 'img') {
+        node.imgIndex = results.images.length
+        var imgUrl = node.attr.src
+        imgUrl = wxDiscode.urlToHttpUrl(imgUrl, __placeImgeUrlHttps)
+        node.attr.src = imgUrl
+        node.from = bindName
+        results.images.push(node)
+        results.imageUrls.push(imgUrl)
+      }
+
+      if (unary) {
+        // if this tag dosen't have end tag
+        // like <img src="hoge.png"/>
+        // add to parents
+        var parent = bufArray[0] || results
+        if (parent.nodes === undefined) {
+          parent.nodes = []
+        }
+        // 传递父节点的no_img_preview
+        if (parent['no_img_preview']) {
+          node.no_img_preview = true
+        }
+        parent.nodes.push(node)
+      } else {
+        // 传递父节点的no_img_preview
+        if (bufArray[0] && bufArray[0]['no_img_preview']) {
+          node.no_img_preview = true
+        }
+        bufArray.unshift(node)
+      }
+    },
+    end: function (tag) {
+      //debug(tag);
+      // merge into parent tag
+      var node = bufArray.shift()
+      if (node.tag !== tag) console.error('invalid state: mismatch end tag')
+
+      if (bufArray.length === 0) {
+        results.nodes.push(node)
+      } else {
+        var parent = bufArray[0]
+        if (parent.nodes === undefined) {
+          parent.nodes = []
+        }
+        parent.nodes.push(node)
+      }
+      //富文本list加序列号
+      if (node.tag === 'ul' || node.tag === 'ol') {
+        //去除自身富文本携带过来的padding-left
+        if (node.styleStr && node.styleStr.indexOf('padding-left:30px;') > -1) {
+          node.styleStr = node.styleStr.replace('padding-left:30px;', '')
+        }
+        if (!node?.nodes?.length) return
+        //递归给列表添加索引标准
+        if (node.styleStr && node.styleStr.indexOf('list-style-type') > -1) {
+          var listType = node.styleStr.split('list-style-type:')[1].split(';')[0].replace(' ', '')
+          //普通阿拉伯数字
+          switch (listType) {
+            case 'decimal':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listText = i + 1 + '.'
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'disc':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'square':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'circle':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'lower-alpha':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listText = getListText(listType, i + 1) + '.'
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'lower-roman':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listText = getListText(listType, i + 1) + '.'
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'upper-alpha':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listText = getListText(listType, i + 1) + '.'
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'upper-roman':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listText = getListText(listType, i + 1) + '.'
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'cjk-ideographic':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listText = getListText(listType, i + 1) + '.'
+                node.nodes[i].listType = listType
+              }
+              break
+            case 'lower-greek':
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listText = getListText(listType, i + 1) + '.'
+                node.nodes[i].listType = listType
+              }
+              break
+            default:
+              for (let i = 0; i <= node.nodes.length - 1; i++) {
+                node.nodes[i].listText = ''
+                node.nodes[i].listType = listType
+              }
+          }
+        }
+      }
+    },
+    chars: function (text) {
+      //debug(text);
+      var node = {
+        node: 'text',
+        text: text,
+        textArray: transEmojiStr(text),
+      }
+
+      if (bufArray.length === 0) {
+        results.nodes.push(node)
+      } else {
+        var parent = bufArray[0]
+        if (parent.nodes === undefined) {
+          parent.nodes = []
+        }
+        parent.nodes.push(node)
+      }
+    },
+    comment: function (text) {
+      //debug(text);
+      var node = {
+        node: 'comment',
+        text: text,
+      }
+      var parent = bufArray[0]
+      if (parent.nodes === undefined) {
+        parent.nodes = []
+      }
+      parent.nodes.push(node)
+    },
+  })
+  return results
+}
+
+function transEmojiStr(str) {
+  // var eReg = new RegExp("["+__reg+' '+"]");
+  //   str = str.replace(/\[([^\[\]]+)\]/g,':$1:')
+
+  var emojiObjs = []
+  //如果正则表达式为空
+  if (__emojisReg.length == 0 || !__emojis) {
+    var emojiObj = {}
+    emojiObj.node = 'text'
+    emojiObj.text = str
+    array = [emojiObj]
+    return array
+  }
+  //这个地方需要调整
+  str = str.replace(/\[([^\[\]]+)\]/g, ':$1:')
+  var eReg = new RegExp('[:]')
+  var array = str.split(eReg)
+  for (var i = 0; i < array.length; i++) {
+    var ele = array[i]
+    const emojiObj = {}
+    if (__emojis[ele]) {
+      emojiObj.node = 'element'
+      emojiObj.tag = 'emoji'
+      emojiObj.text = __emojis[ele]
+      emojiObj.baseSrc = __emojisBaseSrc
+    } else {
+      emojiObj.node = 'text'
+      emojiObj.text = ele
+    }
+    emojiObjs.push(emojiObj)
+  }
+
+  return emojiObjs
+}
+
+function emojisInit(reg = '', baseSrc = '/wxParse/emojis/', emojis) {
+  __emojisReg = reg
+  __emojisBaseSrc = baseSrc
+  __emojis = emojis
+}
+
+module.exports = {
+  html2json: html2json,
+  emojisInit: emojisInit,
+}