Add Emmet integration

[andrewragy]

Nature of issue?

• New feature request

New feature details: Add Emmet integration to HTML documents

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[catarak]

Thanks for the suggestion! I would be interested in adding Emmet integration—it's a nice too that if you don't know about it, it doesn't get in your way at all (and you wouldn't need to turn it off because it's confusing to newcomers), but if you do, it's really useful! Emmet has even made a CodeMirror plugin so I think this wouldn't be a ton of effort to get this working.

[catarak]

Open to other thoughts about Emmet!

[andrewragy]

I have a question: why doesn't the editor use the monaco editor, it's newer than codemirror and has a more modern ui

[catarak]

The big issue is that the Monaco editor is not screen reader accessible.

[neelesh7singh]

Thanks @catarak for stating the plugin saved a lot of googling. While going through the plugin I found one more nice feature that adds emmet-open-tag and emmet-close-tag class to the HTML tags we are inside which could be used to highlight them like this -

Should I add this feature too??

[catarak]

Should I add this feature too??

Sure! It seems really useful.