PyCharm Edu 2018.1 Help

Enabling Emmet Support

Native Emmet support allows you to generate XML/HTML, JavaScript (JSX Harmony) and CSS structures based on abbreviations. PyCharm Edu supports basic Emmet and Emmet version 1.1 features, such as:

  • New syntax for writing RGBA colors.
  • Implied attributes.
  • Default attributes.
  • Boolean attributes.
  • The Update Tag action.

Enabling and configuring native Emmet support in the HTML or XML context

  1. Open the Settings / Preferences Dialog by pressing Ctrl+Alt+S or by choosing File | Settings for Windows and Linux or PyCharm Edu | Preferences for macOS.
  2. Expand the Editor node, and then click Emmet.
  3. To have PyCharm Edu show a pop-up window with a preview of the entered abbreviation before actually expanding it, select the Enable abbreviation preview checkbox.
  4. Specify how Emmet in PyCharm Edu will treat URL addresses by selecting or clearing the Enable automatic URL recognition while wrapping text with <a> tag checkbox.
    • If this checkbox is cleared and you attempt to wrap an URL address with the <a> tag, PyCharm Edu simply encloses the URL address in <a href=""></a> and positions the cursor inside the double quotes in the href attribute. For example, wrapping will result in <a href="|"></a>:
      emmet recognize url off
    • If this checkbox is selected and you attempt to wrap an URL address with the <a> tag, PyCharm Edu 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 will result in <a href=""></a>. Moreover, PyCharm Edu highlights the wrapped URL green as a recognized URL:
      emmet recognize url
Last modified: 23 July 2018