How to properly colorize HTML tags in VSCodeVSCode - How do I set tab-space style?How do you format code in Visual Studio Code (VSCode)How to make VS Code to treat other file extensions as certain language?Multiline editing in VSCodeHow do I collapse sections of code in Visual Studio Code for Windows?How do I hide certain files from the sidebar in Visual Studio Code?How to switch word wrap on and off in VSCode?How do I configure Visual Studio Code to open files always in a new tab?VSCode: How to Split Editor VerticallyHow to restart VScode after editing extension's config?
What is required to make GPS signals available indoors?
Blending or harmonizing
How do I exit BASH while loop using modulus operator?
Why are UK visa biometrics appointments suspended at USCIS Application Support Centers?
Why were 5.25" floppy drives cheaper than 8"?
Sums of two squares in arithmetic progressions
Do Iron Man suits sport waste management systems?
What would the climate of a planetwide city be like?
How dangerous is XSS
How can saying a song's name be a copyright violation?
Are British MPs missing the point, with these 'Indicative Votes'?
How to show a landlord what we have in savings?
Was the Stack Exchange "Happy April Fools" page fitting with the '90's code?
Forgetting the musical notes while performing in concert
how do we prove that a sum of two periods is still a period?
Knowledge-based authentication using Domain-driven Design in C#
Is "/bin/[.exe" a legitimate file? [Cygwin, Windows 10]
Avoiding the "not like other girls" trope?
Should I tell management that I intend to leave due to bad software development practices?
Why is the sentence "Das ist eine Nase" correct?
What is the opposite of "eschatology"?
Is it possible to create a QR code using text?
How exploitable/balanced is this homebrew spell: Spell Permanency?
How can a day be of 24 hours?
How to properly colorize HTML tags in VSCode
VSCode - How do I set tab-space style?How do you format code in Visual Studio Code (VSCode)How to make VS Code to treat other file extensions as certain language?Multiline editing in VSCodeHow do I collapse sections of code in Visual Studio Code for Windows?How do I hide certain files from the sidebar in Visual Studio Code?How to switch word wrap on and off in VSCode?How do I configure Visual Studio Code to open files always in a new tab?VSCode: How to Split Editor VerticallyHow to restart VScode after editing extension's config?
I am looking for a way to colorize the HTML start/end tags in VSCode so it's easier to read. I installed the Bracket Pair Colorizer 2 Extension and configured my settings.json
file as follows to support colorized angle brackets:
"bracketPairColorizer.consecutivePairColors": [
"()",
"[]",
"",
["<", "</"],
["<", "/>"],
[
"Gold",
"Orchid",
"LightSkyBlue"
],
"Red"
],
This works as long as all of the elements have an end tag. However, if a void element is present, then the colored tags no longer line up correctly as seen below.
Are there any workarounds to keep the brackets highlighted with the correct colors regardless of void elements?
visual-studio-code vscode-settings
add a comment |
I am looking for a way to colorize the HTML start/end tags in VSCode so it's easier to read. I installed the Bracket Pair Colorizer 2 Extension and configured my settings.json
file as follows to support colorized angle brackets:
"bracketPairColorizer.consecutivePairColors": [
"()",
"[]",
"",
["<", "</"],
["<", "/>"],
[
"Gold",
"Orchid",
"LightSkyBlue"
],
"Red"
],
This works as long as all of the elements have an end tag. However, if a void element is present, then the colored tags no longer line up correctly as seen below.
Are there any workarounds to keep the brackets highlighted with the correct colors regardless of void elements?
visual-studio-code vscode-settings
Using<br />
would not be against style guides. Some guidelines* even prefer them (and it is a MUST in XHTML) unless you are thinking about<br></br>
Except Google. Google says otherwise.
– NeonNatureEX
Mar 8 at 2:50
A closing slash on void tags in HTML has no meaning, does nothing, and is ignored by browsers so putting it there is pointless. That some style guides might require it, as you say, is silly at best.
– Rob
Mar 8 at 2:59
The only place I can think enclosing a void element is useful would be XHTML. Like you said, this is pointless. Google's Guidelines even do not recommend closing the void element.
– NeonNatureEX
Mar 8 at 3:07
@Rob I understand. I'm just trying to figure out if there's a way to prevent the void elements from breaking the colorized element pairs, without adding the unnecessary closing slash to each one of them.
– Alex Myers
Mar 8 at 5:03
add a comment |
I am looking for a way to colorize the HTML start/end tags in VSCode so it's easier to read. I installed the Bracket Pair Colorizer 2 Extension and configured my settings.json
file as follows to support colorized angle brackets:
"bracketPairColorizer.consecutivePairColors": [
"()",
"[]",
"",
["<", "</"],
["<", "/>"],
[
"Gold",
"Orchid",
"LightSkyBlue"
],
"Red"
],
This works as long as all of the elements have an end tag. However, if a void element is present, then the colored tags no longer line up correctly as seen below.
Are there any workarounds to keep the brackets highlighted with the correct colors regardless of void elements?
visual-studio-code vscode-settings
I am looking for a way to colorize the HTML start/end tags in VSCode so it's easier to read. I installed the Bracket Pair Colorizer 2 Extension and configured my settings.json
file as follows to support colorized angle brackets:
"bracketPairColorizer.consecutivePairColors": [
"()",
"[]",
"",
["<", "</"],
["<", "/>"],
[
"Gold",
"Orchid",
"LightSkyBlue"
],
"Red"
],
This works as long as all of the elements have an end tag. However, if a void element is present, then the colored tags no longer line up correctly as seen below.
Are there any workarounds to keep the brackets highlighted with the correct colors regardless of void elements?
visual-studio-code vscode-settings
visual-studio-code vscode-settings
edited Mar 22 at 12:34
Alex Myers
asked Mar 7 at 20:58
Alex MyersAlex Myers
1,7742923
1,7742923
Using<br />
would not be against style guides. Some guidelines* even prefer them (and it is a MUST in XHTML) unless you are thinking about<br></br>
Except Google. Google says otherwise.
– NeonNatureEX
Mar 8 at 2:50
A closing slash on void tags in HTML has no meaning, does nothing, and is ignored by browsers so putting it there is pointless. That some style guides might require it, as you say, is silly at best.
– Rob
Mar 8 at 2:59
The only place I can think enclosing a void element is useful would be XHTML. Like you said, this is pointless. Google's Guidelines even do not recommend closing the void element.
– NeonNatureEX
Mar 8 at 3:07
@Rob I understand. I'm just trying to figure out if there's a way to prevent the void elements from breaking the colorized element pairs, without adding the unnecessary closing slash to each one of them.
– Alex Myers
Mar 8 at 5:03
add a comment |
Using<br />
would not be against style guides. Some guidelines* even prefer them (and it is a MUST in XHTML) unless you are thinking about<br></br>
Except Google. Google says otherwise.
– NeonNatureEX
Mar 8 at 2:50
A closing slash on void tags in HTML has no meaning, does nothing, and is ignored by browsers so putting it there is pointless. That some style guides might require it, as you say, is silly at best.
– Rob
Mar 8 at 2:59
The only place I can think enclosing a void element is useful would be XHTML. Like you said, this is pointless. Google's Guidelines even do not recommend closing the void element.
– NeonNatureEX
Mar 8 at 3:07
@Rob I understand. I'm just trying to figure out if there's a way to prevent the void elements from breaking the colorized element pairs, without adding the unnecessary closing slash to each one of them.
– Alex Myers
Mar 8 at 5:03
Using
<br />
would not be against style guides. Some guidelines* even prefer them (and it is a MUST in XHTML) unless you are thinking about <br></br>
Except Google. Google says otherwise.– NeonNatureEX
Mar 8 at 2:50
Using
<br />
would not be against style guides. Some guidelines* even prefer them (and it is a MUST in XHTML) unless you are thinking about <br></br>
Except Google. Google says otherwise.– NeonNatureEX
Mar 8 at 2:50
A closing slash on void tags in HTML has no meaning, does nothing, and is ignored by browsers so putting it there is pointless. That some style guides might require it, as you say, is silly at best.
– Rob
Mar 8 at 2:59
A closing slash on void tags in HTML has no meaning, does nothing, and is ignored by browsers so putting it there is pointless. That some style guides might require it, as you say, is silly at best.
– Rob
Mar 8 at 2:59
The only place I can think enclosing a void element is useful would be XHTML. Like you said, this is pointless. Google's Guidelines even do not recommend closing the void element.
– NeonNatureEX
Mar 8 at 3:07
The only place I can think enclosing a void element is useful would be XHTML. Like you said, this is pointless. Google's Guidelines even do not recommend closing the void element.
– NeonNatureEX
Mar 8 at 3:07
@Rob I understand. I'm just trying to figure out if there's a way to prevent the void elements from breaking the colorized element pairs, without adding the unnecessary closing slash to each one of them.
– Alex Myers
Mar 8 at 5:03
@Rob I understand. I'm just trying to figure out if there's a way to prevent the void elements from breaking the colorized element pairs, without adding the unnecessary closing slash to each one of them.
– Alex Myers
Mar 8 at 5:03
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55052695%2fhow-to-properly-colorize-html-tags-in-vscode%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55052695%2fhow-to-properly-colorize-html-tags-in-vscode%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Using
<br />
would not be against style guides. Some guidelines* even prefer them (and it is a MUST in XHTML) unless you are thinking about<br></br>
Except Google. Google says otherwise.– NeonNatureEX
Mar 8 at 2:50
A closing slash on void tags in HTML has no meaning, does nothing, and is ignored by browsers so putting it there is pointless. That some style guides might require it, as you say, is silly at best.
– Rob
Mar 8 at 2:59
The only place I can think enclosing a void element is useful would be XHTML. Like you said, this is pointless. Google's Guidelines even do not recommend closing the void element.
– NeonNatureEX
Mar 8 at 3:07
@Rob I understand. I'm just trying to figure out if there's a way to prevent the void elements from breaking the colorized element pairs, without adding the unnecessary closing slash to each one of them.
– Alex Myers
Mar 8 at 5:03