Emmet (Zen Coding)

Emmet - the essential toolkit for web-developers. Emmet support is built right into CodeLobster IDE. Emmet has support for the majority of the expanding Emmet abbreviations. It expands CSS-like abbreviations into HTML/CSS code, depending on current document’s syntax. You can use the official Cheat Sheet for Emmet or see Emmet abbreviations syntax for complete information.


Emmet plugin is only available in CodeLobster IDE Professional.

To expand the abbreviation:

  1. Select the fragment of code.

  2. Select Plugins | Emmet (Zen Coding) | Expand abbreviation main menu item or press Ctrl + E hotkeys.