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
- Open the Settings / Preferences Dialog by pressing Ctrl+Alt+S or by choosing for Windows and Linux or for OS X.
- 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 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 thehref
attribute. For example, wrappinghttp://www.jetbrains.com
will result in<a href="
|">http://www.jetbrains.com</a>
: -
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, 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 check box is cleared and you attempt to wrap an URL address with the <a> tag,
PyCharm Edu simply encloses the URL address in
See Also
Last modified: 30 August 2016