PyCharm Edu 3.0 Help

Enabling Emmet Support

On this page:

Basics

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 OS X.
  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 check box.
  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 check box.
    • If this check box 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 http://www.jetbrains.com will result in <a href="|">http://www.jetbrains.com</a>:
      emmet_recognize_url_off
    • If this check box 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 http://www.jetbrains.com will result in <a href="http://www.jetbrains.com">http://www.jetbrains.com</a>. Moreover, PyCharm Edu highlights the wrapped URL green as a recognized URL:
      emmet_recognize_url

See Also

Procedures:

Reference:

External Links:

Last modified: 30 August 2016