Remove HTML comments with Regex, in Javascript

by

The regex /<!--[\s\S]*?-->/g should work.

You’re going to kill escaping text spans in CDATA blocks.

E.g.

<script><!-- notACommentHere() --></script>

and literal text in formatted code blocks

<xmp>I'm demoing HTML <!-- comments --></xmp>

<textarea><!-- Not a comment either --></textarea>

EDIT:

This also won’t prevent new comments from being introduced as in

<!-<!-- A comment -->- not comment text -->

which after one round of that regexp would become

<!-- not comment text -->

If this is a problem, you can escape < that are not part of a comment or tag (complicated to get right) or you can loop and replace as above until the string settles down.

Here’s a regex that will match comments including psuedo-comments and unclosed comments per the HTML-5 spec. The CDATA section are only strictly allowed in foreign XML. This suffers the same caveats as above.

var COMMENT_PSEUDO_COMMENT_OR_LT_BANG = new RegExp(
    '<!--[\\s\\S]*?(?:-->)?'
    + '<!---+>?'  // A comment with no body
    + '|<!(?![dD][oO][cC][tT][yY][pP][eE]|\\[CDATA\\[)[^>]*>?'
    + '|<[?][^>]*>?',  // A pseudo-comment
    'g');

More Related Contents:

  1. How do I validate if a string is valid Yelp URL in javascript? [closed]
  2. How do you access the matched groups in a JavaScript regular expression?
  3. Regex for password must contain at least eight characters, at least one number and both lower and uppercase letters and special characters
  4. Escape string for use in Javascript regex [duplicate]
  5. What is a good regular expression to match a URL? [duplicate]
  6. Concrete JavaScript regular expression for accented characters (diacritics)
  7. Javascript date regex DD/MM/YYYY
  8. How can I strip all punctuation from a string in JavaScript using regex?
  9. Use dynamic (variable) string as regex pattern in JavaScript
  10. What is the best way to parse html in google apps script
  11. How to prevent Javascript injection attacks within user-generated HTML
  12. How to extract base URL from a string in JavaScript?
  13. Strange JavaScript idiom – what does “/xyz/.test(function(){xyz;})” do?
  14. grunt (minimatch/glob) folder exclusion
  15. Split string into sentences in javascript
  16. regex to find url in a text
  17. JavaScript regex – How to wrap matches with tag?
  18. Difference between ?:, ?! and ?=
  19. Javascript split regex question
  20. Split a string based on multiple delimiters
  21. Javascript replace with reference to matched group?
  22. Negative lookahead Regular Expression
  23. Regex exec only returning first match [duplicate]
  24. Regex to match words with hyphens and/or apostrophes
  25. javascript regex for special characters
  26. Split by Caps in Javascript
  27. Difference between \r and \n
  28. javascript get function body
  29. Why are lookbehind assertions not supported in Javascript?
  30. Remove empty tags using RegEx

Leave a Comment