Monaco-editor: How to support emmet?

Created on 4 Aug 2016 · 12Comments · Source: microsoft/monaco-editor

When I type 'div', it not insert text '<div></div>'.

Can it support emmet like vscode?

feature-request

Source

hstarorg

👍7

Most helpful comment

Guys I've written a lib to support emmet, too.
almost the same as emmet in VS Code.
see at https://github.com/troy351/emmet-monaco-es

troy351 on 25 Oct 2017

👍5

All 12 comments

same issue here, really this is the only thing preventing us from using monaco :(

devmondo on 4 Aug 2016

Yes, it is very important.

hstarorg on 5 Aug 2016

sorry, but emmet support is currently part of the VS Code workbench layer and not part of the monaco editor. Changing this is not on our immediate radar.

egamma on 8 Aug 2016

Do we have a roadmap or whatever ? This is like a must today for any kind editors.

leon-andria on 8 Aug 2016

👍2

@egamma Would you provider a plugin to support it?

hstarorg on 9 Aug 2016

We track the work on the monaco editor on the VS Code Roadmap. The items on the roadmap have higher priority to us for the next 6-12 months, sorry.

egamma on 9 Aug 2016

Okay, also thank you very much.

hstarorg on 10 Aug 2016

I provided a lib to support emmet in monaco, it's https://github.com/hstarorg/emmet-monaco.

hstarorg on 7 Jun 2017

👍4 🎉1

Also add Emmet integration for css files

kenyk7 on 14 Sep 2017

Guys I've written a lib to support emmet, too.
almost the same as emmet in VS Code.
see at https://github.com/troy351/emmet-monaco-es

troy351 on 25 Oct 2017

👍5

How to support emmet?

hb1048317543 on 10 Jul 2020

Adding my vote here for this feature natively. Even just the ability to type an element name and hit tab to expand (without having to type the angle brackets) would help. I came here because I was checking out repl.it but have found I am just too used to writing HTML using Emmet to be able to use it. Everything feels so slow and awkward without it.