How to remove html comments from a string in Javascript

Question

So, I have a javascript string which is actually some html markup assigned to it.

Now, I want to remove all the html comments and its content from the string, ie all the occurrences of the opening comment tag and closing comment tag; along with the comment inside in it.

So I want to remove all occurences of

<!-- some comment -->

Please note I want ' some comment ' removed as well...

Can someone help me with the regex to replace this...

Thanks

Maybe convert it to a DOM node? Then loop through the ndoe elements, and remove all nodes whose type matches a comment? — evolutionxbox, Jul 26 '17 at 11:16
Using Regular Exprssions, what if `` is within a variable content `var text = '';`? — revo, Jul 26 '17 at 11:17
`text = text.replace(//sg,"")` !Don't forget to add `s` and `g` modifiers — mkHun, Jul 26 '17 at 11:18
maybe this helps: [link](https://stackoverflow.com/questions/1687620/regex-match-everything-but) — Amir Schnell, Jul 26 '17 at 11:19
I think this was allready answered [here](https://stackoverflow.com/questions/1084741/regexp-to-strip-html-comments) — Mathias Kiekens, Jul 26 '17 at 11:20

score 8 · Accepted Answer · answered Jul 26 '17 at 11:20

8

like this

var str = `<div></div>
<!-- some comment -->
<p></p>
<!-- some comment -->`
str = str.replace(/<\!--.*?-->/g, "");
console.log(str)

answered Jul 26 '17 at 11:20

ewwink

15,852
2
35
50

Thanks... this regex is working... I also tried using split and join on particular comments and it was working but I preferred to do it with regex and on all comments... Thanks, and also accepted because it's vanilla javascript... – siddube Jul 26 '17 at 11:33

Munawir · Answer 2 · 2017-07-26T11:27:28.377

1

You can use this RegEx to replace the text between 

/(\<!--.*?\-->)/g

Check the snippet below

var string = '<!-- some comment --><div><span>Some Content</span></div><!-- some other comment -->';

var reg = /(\<!--.*?\-->)/g;
string = string.replace(reg,"");

console.log(string);

edited Jul 26 '17 at 11:27

answered Jul 26 '17 at 11:24

Munawir

3,196
8
31
47

What is the use of `i` modifier in your code? Better you can add `s` modifier also. – mkHun Jul 26 '17 at 11:26
Why the extra parenthesis (capture group around the entire regex)? – Aaron_H Jun 04 '20 at 00:49

score 1 · Answer 3 · answered Jul 26 '17 at 11:25

i think you are looking for like this.

      var content = jQuery('body').html();
    alert(content.match(/<!--.*?-->/g));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
  <!-- some comment -->
</body>
</html>

How to remove html comments from a string in Javascript

3 Answers3