IntelliJ IDEA 2017.1 Help

Emmet. HTML

File | Settings | Editor | Emmet - HTML for Windows and Linux
IntelliJ IDEA | Preferences | Editor | Emmet - HTML for macOS
Ctrl+Alt+S

/help/img/idea/2017.1/settings.png
ItemDescription
Enable XML/HTML EmmetSelect this check box to enable Emmet support for XML and HTML. If this check box is not selected, complicated abbreviations, such as div.class>ul#list>.item$) and similar, will not work in the editor.
Enable abbreviation previewSelect this check box to have IntelliJ IDEA show a pop-up window with a preview of the entered abbreviation before actually expanding it .
/help/img/idea/2017.1/emmet_abbreviation_preview.png
Enable automatic URL recognition while wrapping text with <a> tag
  • If this check box is cleared and you attempt to wrap an URL address with the <a> tag, IntelliJ IDEA simply encloses the URL address in <a href=""></a> and positions the cursor inside the double quotes in the href attribute. For example, wrapping http://www.jetbrains.com will result in <a href="|">http://www.jetbrains.com</a>:
    /help/img/idea/2017.1/emmet_recognize_url_off.png
  • If this check box is selected and you attempt to wrap an URL address with the <a> tag, IntelliJ IDEA inserts the URL address inside the double quotes as the value of the href attribute and encloses the URL in <a href="<wrapped URL>"></a>. For example, wrapping http://www.jetbrains.com will result in <a href="http://www.jetbrains.com">http://www.jetbrains.com</a>. Moreover, IntelliJ IDEA highlights the wrapped URL green as a recognized URL:
    /help/img/idea/2017.1/emmet_recognize_url.png
Add edit point at the end of templateIf this check box is selected, an editing position adds to the end of an HTML template ($END$);
if this check box is not selected, then the new edit point is not added.

Compare the following:

/help/img/idea/2017.1/emmet_cursor_position.png
BEMIn this area, specify the BEM separators for the class names, modifiers and short elements. Refer to the Emmet documentation for details.
Filters enabled by defaultIn this area, specify which Emmet filters you want to be applied to an expanded abbreviation before it is shown in the editor. Learn more about filters at http://docs.emmet.io/filters/. To have a filter always applied by default, select the check box next to it. The available options are:

See Also

Last modified: 18 July 2017