<h2>File Contents: /home/planet5/public_html/wp-content/plugins/divi-builder/common/utils/html-utils.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/wp-content/plugins/divi-builder/common/utils/html-utils.js'><textarea name='file_content' rows='10' cols='50'>import { isString } from &#039;lodash&#039;;
// import ETBuilderStore from &#039;../stores/et-builder-store&#039;;

/**
 * Get the HTML of the current page.
 *
 * @returns {string} Page&#039;s HTML string.
 */
export function getPageHTML() {
  return document.getElementById(&#039;et-boc&#039;).innerHTML || &#039;&#039;;
}

/**
 * Strip Style tags in a HTML string.
 *
 * @param {string} htmlString HTML string.
 * @returns {string} HTML string.
 */
export function stripStyleTag(htmlString) {
  // Create a new DOMParser instance
  const parser = new DOMParser();

  // Parse the HTML string into a DOM document
  const doc = parser.parseFromString(htmlString, &#039;text/html&#039;);

  // Remove all nested &lt;style&gt; nodes
  const styleNodes = doc.getElementsByTagName(&#039;style&#039;);
  for (let i = styleNodes.length - 1; i &gt;= 0; i--) {
    const styleNode = styleNodes[i];
    styleNode.parentNode.removeChild(styleNode);
  }

  // Get the modified HTML string without nested &lt;style&gt; nodes
  return doc.documentElement.innerHTML;
}

/**
 * Strip attributes from heading tags.
 *
 * @param {string} htmlString HTML string.
 * @returns {string} HTML string.
 */
export function stripHeadingAttributes(htmlString) {
  // Create a new DOMParser instance
  const parser = new DOMParser();

  // Parse the HTML string into a DOM document
  const doc = parser.parseFromString(htmlString, &#039;text/html&#039;);

  // Strip HTML tags, except for heading tags, and remove attributes within heading tags
  const elements = doc.body.childNodes;
  for (let i = elements.length - 1; i &gt;= 0; i--) {
    const element = elements[i];

    if (element.nodeType === Node.ELEMENT_NODE) {
      if (element.tagName !== &#039;H1&#039; &amp;&amp; element.tagName !== &#039;H2&#039; &amp;&amp; element.tagName !== &#039;H3&#039; &amp;&amp; element.tagName !== &#039;H4&#039; &amp;&amp; element.tagName !== &#039;H5&#039; &amp;&amp; element.tagName !== &#039;H6&#039;) {
        while (element.firstChild) {
          element.parentNode.insertBefore(element.firstChild, element);
        }
        element.parentNode.removeChild(element);
      } else {
        // Remove attributes within heading tags
        const { attributes } = element;
        for (let j = attributes.length - 1; j &gt;= 0; j--) {
          element.removeAttribute(attributes[j].name);
        }
      }
    }
  }

  // Get the modified HTML string without HTML tags, except for heading tags
  return doc.body.innerHTML;
}

/**
 * Strip HTML Tags except heading tags.
 *
 * @param {string} htmlString HTML string.
 * @returns {string} HTML string.
 */
export function stripHTML(htmlString) {
  // String style tags along w/ the content.
  let strippedHTML = stripStyleTag(htmlString);

  // Remove all HTML tags except heading tags.
  strippedHTML = strippedHTML.replace(/&lt;(?!\/?(h[1-6]))[^&lt;&gt;]*&gt;/gi, &#039;&#039;);

  // Remove all attributes in heading tags.
  strippedHTML = stripHeadingAttributes(strippedHTML);

  // Replace any encoded HTML entities.
  strippedHTML = strippedHTML.replace(/&amp;([a-z\d]+|#[xX][a-f\d]+);/ig, &#039;&#039;);

  // Replace any new line characters.
  strippedHTML = strippedHTML.replace(/(\r\n|\n|\r|\t)/gm, &#039;&#039;);

  return strippedHTML;
}

/**
 * Gets HTML content of the given class name.
 * @param {string} className Class name.
 * @returns {string}
 */
export function getHTMLByClassName(className) {
  // Create a new DOMParser instance
  const parser = new DOMParser();

  const htmlString = getPageHTML();

  // Parse the HTML string into a DOM document
  const doc = parser.parseFromString(htmlString, &#039;text/html&#039;);

  // Get HTML content by class name using getElementsByClassName()
  const elementsByClass = doc.getElementsByClassName(className);
  for (let j = 0; j &lt; elementsByClass.length; j++) {
    const htmlContentByClass = elementsByClass[j].innerHTML;

    if (htmlContentByClass) {
      return htmlContentByClass;
    }
  }

  return &#039;&#039;;
}

/**
 * Gets section HTML.
 *
 * @param {string} componentAddress Component Address.
 * @returns {string} Section HTML.
 */
// export function getSectionHTML(componentAddress) {
//   const sections  = ETBuilderStore.getSections();
//   const addresses = componentAddress.split(&#039;.&#039;);

//   if (! addresses.length) {
//     return &#039;&#039;;
//   }

//   const sectionShortcodeObj = sections[addresses[0]];
//   const sectionClass        = `${sectionShortcodeObj.type}_${sectionShortcodeObj.address}`;

//   return getHTMLByClassName(sectionClass);
// }

// export function getModuleHTML(componentAddress) {
//   const component   = ETBuilderStore.getShortcodeObjAtAddress(componentAddress);
//   const moduleClass = `${component.type}_${component._order}`;

//   return getHTMLByClassName(moduleClass);
// }

export function stripDefaultValues(value) {
  if (&#039;string&#039; !== typeof value) {
    return value;
  }

  Object.entries(ETBuilderBackend.defaults).forEach(([moduleType, moduleFields]) =&gt; {
    Object.entries(moduleFields).forEach(([field, content]) =&gt; {
      if (isString(content) &amp;&amp; value.includes(content)) {
        value = value.replace(content, &#039;&#039;);
      }
    });
  });
  return value;
}

export function getMaxCharacterLimit(textbox) {
  const style = getComputedStyle(textbox);
  const width = parseInt(style.width);
  const font = style.font;
  const characterWidth = getCharacterWidth(font);
  const characterLimit = Math.floor(width / characterWidth);
  return characterLimit + 20;
}

function getCharacterWidth(font) {
  const canvas = document.createElement(&quot;canvas&quot;);
  const context = canvas.getContext(&quot;2d&quot;);
  context.font = font;
  const metrics = context.measureText(&quot;A&quot;);
  return metrics.width;
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fpublic_html%2Fwp-content%2Fplugins%2Fdivi-builder%2Fcommon%2Futils'>⬅ Back to Directory</a>