Skip to main content
Code Review

Return to Question

deleted 14 characters in body; edited title
Source Link
Jamal
Jamal
  • 35.2k
  • 13
  • 134
  • 238

HTML cleaner in javascriptJavaScript

pleasePlease review this code, code quality and give me shortcuts or optimization tips alsoas well as corrections. thanks.

HTML cleaner in javascript

please review this code, code quality and give me shortcuts or optimization tips also corrections. thanks.

HTML cleaner in JavaScript

Please review code quality and give me shortcuts or optimization tips as well as corrections.

Source Link
udb
udb
  • 21
  • 2

HTML cleaner in javascript

please review this code, code quality and give me shortcuts or optimization tips also corrections. thanks.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Clean HTML Code</title>
</head>
<body>
<p><textarea id="code" cols="80" rows="15" autofocus></textarea></p>
<p><input id="comments" type="checkbox" checked> <label for="comments">Remove All HTML Comments</label></p>
<p><input id="head" type="checkbox"> <label for="head">Remove Head Tags</label></p>
<p><input id="style" type="checkbox"> <label for="style">Remove Style Tags</label></p>
<p><input id="script" type="checkbox"> <label for="script">Remove All Script Tags (also removes NoScript Tags)</label></p>
<p><button id="btn">Clean Up HTML</button></p>
<script>
  var code = $("code"),
    comments = $("comments"),
    head = $("head"),
    style = $("style"),
    script = $("script"),
    btn = $("btn");

  function $(id) {
    return document.getElementById(id);
  }

  function cleanUpHtml() {
    var html = code.value;

    // http://blog.gotux.net/tutorial/clean-html-code-using-regex-in-ruby/

    html = html.replace(/(\n|\t|\r)/g, ' '); // Remove Newlines, Tabs and Carriage Returns
    html = html.replace(/>\s*</g, '><'); // Remove Spaces Between Tags
    if (comments.checked) html = html.replace(/<!--.*?-->/im, ''); // Remove All HTML Comments
    if (head.checked) html = html.replace(/<head.*?<\/head>/im, ''); // Remove Head Tags
    if (style.checked) html = html.replace(/<style.*?<\/style>/im, ''); // Remove Style Tags
    if (script.checked) {
      html = html.replace(/<script.*?<\/script>/im, ''); // Remove All Script Tags
      html = html.replace(/<noscript.*?<\/noscript>/im, ''); // Remove All NoScript Tags
      html = html.replace(/on.=".*?"/ig, ''); // Remove All Event Handler Attributes (eg. onclick)
    }
    html = html.replace(/<form.*?<\/form>/im, ''); // Remove All Form Elements
    // html.squeeze!(' ') // Remove Spaces Between Strings
    html = html.replace(/\s{2,}/g, " ") // finally, remove extra spaces
    code.value = html;
  }

  btn.addEventListener("click", cleanUpHtml, false);
</script>
</body>
</html>