HTML <!-- comments --> placed within text alters whitespace

[MCTaylor17]

Description

When HTML comments are beautified, it removes the whitespace surrounding the comment. This is problematic if the HTML comments occur within text blocks such as paragraphs.

Input

When a comment exists inside a text block:

<div><p>Hello <!-- Comment -->World</p></div>

Expected

Ideally, I would like comments to always be ignored wherever they occur, like so:

<div>
	<p>Hello <!-- Comment -->World</p>
</div>

Actual

The problem with the above is the removal of the space following Hello like so:

<div>
	<p>Hello
		<!-- Comment -->World</p>
</div>

Settings

Example:

{
	"indent_size": 1,
	"indent_char": "	",
	"wrap_line_length": 0,
	"preserve_newlines": true,
	"max_preserve_newlines": 3
}

Note

I'm aware that I could use:

{
	"content_unformatted": ["p","li","td", "...", "..."]
}

But this doesn't strike me as an ideal solution. I think it would be better if there was an option to ignore comment tags specifically.

[oleggromov]

I'm having the same issue here.

[abhishek-kumar-91]

I want to work on this issue, Can you assign me?

[bitwiseman]

@abhishek-kumar-91 No, I will not assign. But you should feel free to work on this.

[Kyathirao]

@bitwiseman can I work on this issue?

[bitwiseman]

Yes.

[serhiyupw]

For example, instead of using regular space characters, you can use   HTML entity to represent the whitespace. This way, when the HTML comments are beautified, the whitespace will be preserved.

<p>
  This is some text with an HTML comment:
  <!--&nbsp;This is a comment&nbsp;-->
</p>

[bitwiseman]

@serhiyupw
I don't think that applies here. HTML entity tags don't get interpreted in comments and the issue isn't what is inside the comment tag but its positioning due to elements outside the tag.