2019.2

Connect Designer. Emmet transforms abbreviations for HTML elements and CSS properties to
the respective source code.
This is, for example, the abbreviation for a <div> element with the class row:
div.row
On pressing the Tab key, this abbreviation is transformed to:
<div class="row"></div>
To learn more about Emmet itself, please see their website Emmet.io and the Emmet.io
documentation. Emmet is a plugin. All options listed below are Emmet's default options. They
are not specifically adjusted for Connect.
Common Emmet preferences
l
Expand abbreviations by Tab key: Check to enable the Expand Abbreviation function.
l
... in files with extension: Enter a comma-separated list of all file extensions in which
expand abbreviation will work.
l
Upgrade web editors: This Emmet option doesn't affect how Emmet works in Connect
Designer.
l
Extensions Path: Choose a folder where to put json and js files to extend Emmet. This
includes custom snippets, preferences and syntax profiles. For more information see
Customization.
Emmet Abbreviation preferences
This Preferences tab lets you add and manage custom abbreviations. All standard
abbreviations can be found in Emmet's documentation: Abbreviations.
If there is no need to transform the text while expanding it, create an Emmet snippet instead
(see below).
l
New: Add a new abbreviation.
l
Name: The name of the abbreviation is also its trigger.
l
Context: The context in which the abbreviation is enabled (HTML, CSS, etc.).
l
Description: A short description of the abbreviation .
Page 108