IntelliJ IDEA 2017.1 Help

Injecting Ruby Code in View

This feature is supported in the Ultimate edition only.

View files contain markup and islands of Ruby code. Any text in view files will be perceived as Ruby code in the following cases:

  • In *.html.erb files, if such text is surrounded with <% and %> characters.
  • In *.html.haml files, if such text follows the equals sign. Besides that, Ruby strings are correctly interpreted if preceded with ==.

Thus, having inserted the enclosing characters in view, you can type Ruby code, enjoying the Ruby-aware syntax and error highlighting and all sorts of coding assistance:

/help/img/idea/2017.1/ruby_viewInjection.png
/help/img/idea/2017.1/ruby_viewInjectionHaml.png

To inject Ruby code in a *.html.erb view, do one of the following

  • Type the opening angle bracket <, press Ctrl+Space, and select % from the suggestion list:
    /help/img/idea/2017.1/ruby_view1.png

    IntelliJ IDEA automatically completes the closing characters. So doing, the caret rests in the next editing position within the <% and %> characters.

  • Press Ctrl+Shift+Period to insert both opening and closing characters.
  • Apply one of the surround templates, using Ctrl+Alt+T:
    /help/img/idea/2017.1/ruby_view2.png

See Also

Last modified: 18 July 2017