RubyMine 2016.3 Help

Surrounding a Code Block with an Emmet Template

To surround a block of code with an Emmet template, follow these steps

  1. Open the desired file for editing and select a block of code to be surrounded.
  2. Press Ctrl+Alt+J, or choose Code | Surround with | Live Template on the main menu .
  3. In the Select Template pop-up menu, choose Emmet:
    /help/img/idea/2016.3/select_template.png
  4. Type the desired Emmet abbreviation, and press Enter.

    Note the drop-down list to the right. Clicking the down arrow reveals a history list of the recently applied Emmet live templates:

    /help/img/idea/2016.3/emmet_history.png

    Also mind the color indication. If you type a valid Emmet abbreviation, the background is green. However, when a non-existent abbreviation is entered, the background becomes red:

    /help/img/idea/2016.3/emmet_abbreviation.png

See Also

```

Procedures:

Reference:

Last modified: 22 March 2017