Enabling Emmet Support
In this section:
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
- Open the Settings / Preferences Dialog by pressing Ctrl+Alt+S or by choosing for Windows and Linux or for macOS.
- Expand the Editor node, and then click Emmet.
- 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.
- 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 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 thehref
attribute. For example, wrappinghttp://www.jetbrains.com
will result in<a href="
|">http://www.jetbrains.com</a>
: - 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, wrappinghttp://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:
- 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
Last modified: 15 December 2017