How do I change the resulting code when hitting exclamation mark + Tab in WebStorm?
So I wanna edit the template that WebStorm throws me when I enter ! and then press Tab. This template is using some bad practices which I don't want to delete every single time I create a new html file.
I've already tried looking into Emmet and Live Templates but neither of these seem to affect the way the exclamation mark shorthand generates the code.
Is this possible in any way?
Standard Emmet abbreviations are implemented using Live Templates in IDEA based IDEs and are located in Settings/Preferences | Editor | Live templates.
The HTML ones are grouped under the Zen HTML group (the original name of Emmet).
From WebStorm help page (https://www.jetbrains.com/help/webstorm/using-zen-coding-support.html):
With WebStorm, you can use native Emmet templates plus more than 200 additional HTML, CSS, and XSL live templates that are listed under the Zen CSS, Zen HTML, and Zen XSL nodes on the
Editor | Live Templatespage of the IDE settings.
You may want to also edit html:5 abbreviation as well since ! is an alias of that one:
- Is it possible to pull css values with HTA javascript?
- How to secure my login page
- pixel.gif, why do people use it?
- apple-mobile-web-app-status-bar-style in ios 10
- Using margin:auto to vertically-align <div>
- Contact Form Submit Button link to Email
- Generate random image by url
- Cross-reference (named anchor) in markdown
- Unable to make text bold in SVG
- Is there a way to create your own html tag in HTML5?
- Show hide divs on click in HTML and CSS without jQuery
- input type color default color input as HEX
- Can't vertical scroll page on mobile devices with full width PrimeNg carousel
- font size is not working when using from html
- Using custom HTML Tags
- Giving wrapped flexbox items vertical spacing
- force element to display outside of overflow:hidden
- Using css how so I create a pill shape which is circular on one side and angled on the other?
- How to make a pill shape button with HTML and CSS?
- Can I add a custom attribute to an HTML tag?
- Why is my Bootstrap table overflowing the containing card?
- Why are level 1 headings the same size as other headings?
- WAI-ARIA Roles for Carousels (a.k.a. sliders, slideshows, galleries)
- What is the difference between localStorage, sessionStorage, session and cookies?
- Change text with a CSS3 animation?
- Changing the Style of a specific element by Checkbox:Checked
- slideDown jumps abruptly at the end
- React ${} string replacer doesn't work
- Favicon not working
- Formatting a nested table in HTML