1.8

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 .
l
Pattern: This defines what an abbreviation expands to. Since Emmet is mostly used
for writing HTML/XML tags, abbreviation definition uses XML format to describe
elements; see Abbreviation types.
l
Automatically insert: This standard option doesn't affect how Emmet works in
Connect Designer.
l
Edit: Edit the currently selected abbreviation.
l
Remove: Remove the currently selected abbreviation.
l
Import: Click to open a browse dialog to import an XML file containing exported
abbreviations. The imported abbreviations are added to the current list.
l
Export: Click to open a Save as dialog to export all the abbreviations in an XML file that
can be shared and re-imported.
l
Preview box: Shows what the selected abbreviation is expanded to.
l
Restore Defaults: clear all custom abbreviations.
l To temporarily disable an abbreviation, uncheck the checkbox next to the name of the
abbreviation in the list.
Emmet Output Preferences
The Output Preferences dialog is used to control how the expanded (output) code behaves
when expanding abbreviations and snippets. There are 6 different dialogs to control output and,
while they all have identical options, they control different output types: CSS, HAML, HTML,
XML, XSL and the "Default" one controlling the rest of the types.
These options are equivalent to Emmet's syntaxProfiles.json feature.
Emmet Snippets Preferences
Emmet Snippet are similar to abbreviations in that they are expanded when the Tab key is
pressed, but they are just blocks of plain text. Anything in a snippet will be outputted “as is”,
without any transformation.
Page 708