js-beautify
js-beautify copied to clipboard
beautifier
HTML <!-- comments --> placed within text alters whitespace
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.
@abhishek-kumar-91 No, I will not assign. But you should feel free to work on this.
@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.