Emmet

Last modified: 19 April 2024

The Emmet toolkit enhances coding with HTML, CSS, and JSX. You can use Emmet code templates without leaving RubyMine. To expand a template into the correct markup, type its abbreviation and press . To replace with another key, refer to Configure the abbreviation expansion key.

For example, in an HTML file, type table>tr*3>td*2 and press to get a stub of a 3 × 2 table:

As a more complex example, let's type table#myid>tr.row$*3>td*2 and press to get the same table but with the id attribute and a custom class for each table row:

For more information, refer to Emmet Cheat Sheet.

RubyMine supports such features as new syntax for writing RGBA colors, implied, default, and boolean attributes, the Update Tag action, and more.