[html] Auto insert Quote when i type equal sign (=)

[ebattulga]

• VSCode Version: 1.8.1
• OS Version: Win10

I need option like Visual studio. (Insert attribute value quote automatically)

When i type = (Equal sign) automatically add double quote like this.
1: <div class
2: <div class="|"

Please add this option in Next version! 🙏

[fvsch]

Currently, when writing attr=" or attr=' you get the matching quote (single or double) automatically. It requires typing one more character, but lets you choose if you want single quotes, double quotes, or none; all three options are valid in HTML, so it might not be a great idea to force double quotes in HTML files.

[skorunka]

@fvsch that doe snot work for me. When I type <i class=" the closing " is not inserted.

[fvsch]

Apparently it works in XML documents but not in HTML documents. :/

[aeschli]

@skorunka That works for me in HTML as well: Note that this has to be at the end of the line.
If this still doesn't work, disable all extensions. Extensions can overwrite the auto-pair characters.

[Ionaru]

Currently when typing attr<tab>, VSCode auto-inserts the double quotes, it would be nice is the same is applied to attr=.

[skorunka]

@aeschli Why it has to be at the end of line? Not all the time you are writing a new HTML code, but also editing the extincting - adding new attributes.

[Ionaru]

@aeschli It is not very common to be typing a HTML attribute at the end of the line.

Imagine typing this: <div>, VSCode will automatically append </div> to it. Now when I want to add an attribute to that div, it is not the end of the line anymore and the auto-pair does not work.

[aeschli]

The idea behind it is to only automatically add pairs when writing new code, not when modifying code.
I think right now we only do autopairs when the character after the cursor is a new line or a whitespace. We should extend this and allow to specify other characters as well. In the case of HTML, for ' and ", that would be '>'.
I created #42956