Text2HTML/Text2HTML.js at main · TheColaber/Text2HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
window.parseHTML = (text, { asList = false, baseUrls = "" } = {}) => {
  let elements = [];
  if (typeof text == "undefined")
    throw `Error the text to parce must be specified.`;
  let thisPlacement = this;
  function analyzeElement(placement, modtext) {
    for (
      var i = 0;
      modtext.charCodeAt(i) == 32 || modtext.charCodeAt(i) == 10;
      i++
    );
    if (i == modtext.length) return;
    if (modtext.charAt(i) == "<") {
      if (modtext.substring(i, i + 4) == "<!--") {
        let commentMessage = "";
        for (i += 4; modtext.substring(i, i + 3) != "-->"; i++)
          commentMessage += modtext.charAt(i);
        let comment = document.createComment(commentMessage);
        if (placement == thisPlacement) elements.unshift(comment);
        else placement.appendChild(comment);
        analyzeElement(placement, modtext.substring(i + 3, modtext.length));
        return;
      }
      let selfclosing = 0;
      let tagName = "";
      for (
        i++;
        !(
          modtext.charAt(i) == ">" ||
          modtext.charAt(i) == " " ||
          modtext.substring(i, i + 2) == "/>"
        );
        i++
      )
        tagName += modtext.charAt(i);
      let element = document.createElement(tagName);
      try {
        if (placement == thisPlacement) elements.push(element);
        else placement.appendChild(element);
      } catch {
        throw `Error in creating element "${tagName}"`;
      }
      selfclosing += !element.outerHTML.includes("</");
      while (modtext.charAt(i) != ">") {
        while (modtext.charAt(i) == " ") i++;
        if (modtext.substring(i, i + 2) == "/>") {
          selfclosing++;
          break;
        } else if (modtext.charAt(i) == ">") {
          break;
        }
        let attributeName = "";
        for (; !(modtext.charAt(i) == "=" || modtext.charAt(i) == ">"); i++)
          attributeName += modtext.charAt(i);
        i += modtext.charAt(i) != ">";
        let quoteType =
          modtext.charAt(i) == "'" || modtext.charAt(i) == '"'
            ? modtext.charAt(i)
            : false;
        i += quoteType == "'" || quoteType == '"';
        let attributeValue = "";
        for (
          ;
          quoteType == "'" || quoteType == '"'
            ? modtext.charAt(i) != quoteType
            : !(modtext.charAt(i) == " " || modtext.charAt(i) == ">");
          i++
        )
          attributeValue += modtext.charAt(i);
        if (
          ["href", "src"].includes(attributeName) &&
          attributeValue.startsWith("/")
        )
          attributeValue = baseUrls + attributeValue;
        try {
          element.setAttribute(attributeName, attributeValue);
        } catch (e) {
          throw `Error: Failed to set the attribute "${attributeName}" to "${attributeValue}" on "${tagName}" element`;
        }
        i += quoteType == "'" || quoteType == '"';
      }
      let j = i + selfclosing;
      if (!selfclosing) {
        j = i;
        let duplicates = 0;
        for (; j < modtext.length; j++) {
          if (modtext.substring(j, j + `<${tagName}`.length) == `<${tagName}`)
            duplicates++;
          if (
            modtext.substring(j, j + `</${tagName}>`.length) == `</${tagName}>`
          ) {
            duplicates--;
            if (duplicates == -1) break;
          }
        }
        analyzeElement(element, modtext.substring(i + 1, j));
        analyzeElement(
          element.parentElement || thisPlacement,
          modtext.substring(j + `</${tagName}>`.length, modtext.length)
        );
      } else
        analyzeElement(
          element.parentElement,
          modtext.substring(j, modtext.length)
        );
    } else {
      let innerText = "";
      if (modtext.substring(i, modtext.length).match(/<.*>/g))
        innerText = modtext.substring(
          i,
          modtext.indexOf(
            modtext.substring(i, modtext.length).match(/<.*>/g)[0]
          )
        );
      else innerText = modtext.substring(i, modtext.length);
      innerText = innerText.replace(/&#(\d+);/g, (match, dec) =>
        String.fromCharCode(dec)
      );
      if (placement.childNodes.length) {
        let textnode = document.createTextNode(innerText);
        if (placement == thisPlacement) elements.unshift(textnode);
        else placement.appendChild(textnode);
      } else placement.textContent = innerText;
      if (modtext.substring(i, modtext.length).match(/<.*>/g))
        analyzeElement(
          placement,
          modtext.substring(
            modtext.indexOf(
              modtext.substring(i, modtext.length).match(/<.*>/g)[0]
            ),
            modtext.length
          )
        );
    }
  }
  analyzeElement(this, text);
  if (asList) return elements[1] ? elements : elements[0];
  let body = document.createElement("body");
  body.append(...elements);
  return body;
};