Welcome
Content
|
// - Empty attribute values:
// - Between adjacent tags: |
```
--------------------------------
### Update Image Size Command (JSON)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
Automatically updates the width and height attributes of `![]()
` tags or CSS `background` properties based on the actual image file dimensions. Configured via a JSON key binding.
```json
// Key binding for update image size
{
"keys": ["shift+ctrl+i"],
"command": "emmet_update_image_size"
}
// Example:
// Before: 
// After:
// Also works in CSS:
// Before: background: url(image.png);
// After: background: url(image.png); width: 200px; height: 100px;
```
--------------------------------
### Go to Matching Tag Pair Command (JSON Key Binding)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
Provides a key binding for the `emmet_go_to_tag_pair` command in Sublime Text. This command allows users to quickly jump between the opening and closing tags of a matching HTML or XML pair. When the cursor is within a tag, it navigates to its corresponding counterpart.
```json
// Key binding for go to tag pair
{
"keys": ["ctrl+shift+t"],
"command": "emmet_go_to_tag_pair"
}
// Example:
//
```
--------------------------------
### Emmet 2 Configuration Settings (JSON)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
This JSON configuration file allows customization of Emmet 2's behavior within Sublime Text. It controls abbreviation capturing, preview, syntax support, output formatting, and custom snippets.
```json
{
// Enable/disable automatic abbreviation capturing
// Values: true, false, "markup", "stylesheet"
"auto_mark": true,
// Enable/disable abbreviation preview
// Values: true, false, "markup", "stylesheet"
"abbreviation_preview": true,
// JSX abbreviation prefix (set to true for "<" or custom string)
"jsx_prefix": true,
// Expand abbreviation with Tab key
"tab_expand": true,
// Enable tag preview for closing tags
"tag_preview": false,
// Output style: "html", "xhtml", "xml"
"markup_style": "html",
// Attribute quote style: "double" or "single"
"attribute_quotes": "double",
// Enable BEM notation support
"bem": false,
// Shorten HEX colors when possible
"short_hex": true,
// Custom snippets and options configuration
"config": {
"markup": {
"snippets": {
"foo": "ul.foo>li.foo-item*4"
},
"options": {
"output.tagCase": "upper"
}
},
"stylesheet": {
"snippets": {
"mycolor": "color: #f00"
}
},
"html": {
"snippets": {
"doc": "html>head>title+body"
}
}
}
}
```
--------------------------------
### Convert Data URL Command (JSON)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
Converts image references between file paths and base64-encoded data URLs in both HTML and CSS contexts. Configured via a JSON key binding.
```json
// Key binding for convert data URL
{
"keys": ["shift+ctrl+d"],
"command": "emmet_convert_data_url"
}
// HTML example:
// Before:
// After:
// Also works in CSS:
// Before: background: url(image.png);
// After: background: url(image.png); width: 200px; height: 100px;
```
--------------------------------
### Go to Matching Tag Pair Command (JSON Key Binding)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
Provides a key binding for the `emmet_go_to_tag_pair` command in Sublime Text. This command allows users to quickly jump between the opening and closing tags of a matching HTML or XML pair. When the cursor is within a tag, it navigates to its corresponding counterpart.
```json
// Key binding for go to tag pair
{
"keys": ["ctrl+shift+t"],
"command": "emmet_go_to_tag_pair"
}
// Example:
// | <- cursor here
//
// After command: cursor moves to Content
//
// After: 
// CSS example:
// Before: background: url(icon.png);
// After: background: url(data:image/png;base64,iVBORw0KGgo...);
```
--------------------------------
### Wrap with Emmet Abbreviation Command (JSON Key Binding)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
Sets up a key binding for the `emmet_wrap_with_abbreviation` command, allowing users to wrap selected content or the current tag with an Emmet abbreviation. This command opens an input panel for entering the abbreviation, providing live preview. It supports wrapping with simple tags or complex nested structures.
```json
// Key binding for wrap with abbreviation
{
"keys": ["ctrl+w"],
"command": "emmet_wrap_with_abbreviation",
"context": [{"key": "setting.is_widget", "operand": false}]
}
// Example usage:
// 1. Select HTML content: Hello
World
// 2. Run command // 3. Type: div.wrapper // 4. Result:Hello
World
-
//
- Item 1 //
- Item 2 //
- Item 3 //
He|llo
[Hello]
[
// After another outward: [Hello
]Hello
// After:
```
--------------------------------
### Evaluate Math Expression Command (JSON)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
Evaluates mathematical expressions found on the current line and replaces them with the calculated result. Configured via a JSON key binding.
```json
// Key binding for evaluate math
{
"keys": ["shift+super+y"],
"command": "emmet_evaluate_math"
}
// Examples:
// Before: width: 100/2px;
// After: width: 50px;
// Before: margin: 10+5*2;
// After: margin: 20;
```
--------------------------------
### Rename Tag Command (JSON)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
Enables simultaneous editing of both opening and closing HTML tags by placing multiple cursors on the tag names. Configured via a JSON key binding.
```json
// Key binding for rename tag
{
"keys": ["super+shift+k"],
"command": "emmet_rename_tag"
}
// Example:
// Content
// Run command, both "div" tags are selected
// Type "section" to rename both simultaneously
// Result: Content
// After:
// Example CSS:
// Before: .class { color: red; }
// After: /* .class { color: red; } */
```
--------------------------------
### Remove HTML Tag Command (JSON Key Binding)
Source: https://context7.com/emmetio/sublime-text-plugin/llms.txt
Configures a key binding for the `emmet_remove_tag` command, which removes the surrounding HTML tag while preserving its content. The command intelligently identifies the matching tag pair and removes both the opening and closing tags.
```json
// Key binding for remove tag
{
"keys": ["super+'"],
"command": "emmet_remove_tag"
}
// Example:
// Before: Hello World
, run command
// After:
Hello World
``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.