Stack Overflow
Stack Overflow

Questions tagged [emmet]

Emmet (previously Zen Coding) is a set of text editor plugins allowing for high-speed coding in HTML, XML, XSL, and other structured code formats by expanding CSS-like expressions of elements into their corresponding representation.

Emmet (previously known as Zen Coding) is a set of plug-ins for text editors that allow for high-speed coding in HTML, XML, XSL, and other structured code formats via content assist. The project was started by Vadim Makeev in 2008 and continues to be actively developed by Sergey Chikuyonok.

Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimized for web-developers whose workflow depends on HTML/XML and CSS but can be used with other programming languages too.

http://docs.emmet.io

741 questions
5
votes
6 answers

Automatically update the closing tag when open tag changes with Sublime Text 2 on Mac OS X

See the H2 tags? How can I change them all to p tags without manually going from line to line. cmd+d is not viable because of the varying lengths of the inner content. I found something called Emmet Plugin which I installed but can't get it to…
MrPizzaFace
  • 7,807
  • 15
  • 79
  • 123
5
votes
4 answers

Emmet VIM trigger key remap issue

I just installed Emmet VIM plugin which looks very interesting. The "trigger key combination" to activate the Emmet plugin functionality is not the best it could be. Therefore I am trying to remap it in my vimrc file. I have successfully done…
Bharat
  • 2,409
  • 6
  • 32
  • 57
5
votes
1 answer

How to add emmet support in ace js code editor?

I am trying to embed ace code editor in my project. I am initializing my code editor with following code and now I want to enable emmet js features. I can see the ext-emmet.js extension is already their in the src directory of ace.js pre-packaged…
ʞɹᴉʞ ǝʌɐp
  • 5,350
  • 8
  • 39
  • 65
5
votes
1 answer

Sublime Text 2 using Zen coding aka Emmet inside a script area

When using Sublime Text 2 with Emmet (formerly Zen Coding) inside a script area (for Moustache.js) we lose the quick-codes and kb shortcuts. The auto complete is replaced the HTML markup in to Javascript snippets, which is understandable since we…
Ravi Ram
  • 24,078
  • 21
  • 82
  • 113
5
votes
3 answers

Zen Coding updated emacs mode

It seems that the GitHub repo for Zen Coding in emacs is not actively maintained (last commit was a year ago), and there are some features missing, e.g. the html:5 "tag". I couldn't find any other sources for the emacs mode. Does anyone know if…
altschuler
  • 3,694
  • 2
  • 28
  • 55
5
votes
1 answer

Zen coding img src from a list

I'm trying to create a large list of img tags from a list of filenames using zen coding to fill the src attribute with my list of filenames. Here's what I have and what I want to do with…
Tony
  • 53
  • 5
4
votes
2 answers

zen coding - css syntax/ style attribute

I can't find the syntax about adding CSS properties using zen coding. Maybe I have overlooked the zen-cheat-sheet. For example, how can I shorten the following:
user669677
4
votes
1 answer

VSCode Emmets missing

I deleted some extensions and after that my VSCode Emmet are not working as it used to be. I tried searching for solutions, which led me to going in my Extensions in Setting but the Emmet in extension are also missing. Does anyone know how to fix…
Erin Capuchino
  • 43
  • 2
4
votes
2 answers

Is there a JSX emmet for VS Code that surrounds className in { } instead of quotes

Given an emmet abbreviation: div.layoutStyles.container Is there a way to produce:
instead of
Coot3
  • 195
  • 1
  • 12
4
votes
0 answers

Emmet has stopped working in Visual Studio 2019 and VS code

I've been using VS Code to learn HTML for a few months. I started with version 1.46. Emmet was working fine from the beginning. As soon as I upgraded to the new 1.47 version it stopped working. I've reinstalled it several times and deleted all…
Bishop Minter
  • 107
  • 1
  • 3
  • 11
4
votes
1 answer

How to add emmet support for .mdx / markdown react file types in vscode

I am using .mdx files in gatsby and want to be able to have emmet recognize this as a valid file type for expansion / support. The .mdx files already get recognized in vscode as "Markdown React", and I have previously added .jsx support…
mheavers
  • 29,530
  • 58
  • 194
  • 315
4
votes
0 answers

How to prevent VSCode (Emmet) from expanding TypeScript type definitions

In .tsx files, when writing a type definition containing a sub type, VSCode (Emmet) expands it as if it was a JSX tag. Does anybody know how to prevent this behaviour while keeping the functionality for standard JSX? Example: const a:…
FMCorz
  • 2,586
  • 1
  • 21
  • 18
4
votes
0 answers

Is there a way to use Emmet with Firefox Developer Tools?

I use Firefox's Developer Tools for developing CSS, and it's great, however I have tried many times in the past to get Emmet support in their code editor without any success. I wondered if any of you wizards had any ideas. I came up with 'snippets'…
Jeffrey Karbowski
  • 564
  • 5
  • 15
4
votes
1 answer

How to ignore lorem ipsum text from spell checker in WebStorm?

I'm using Lorem ipsum dummy text in the development stage of my React + Redux web app, but the spell checker is making a ton of distracting underlines under the dummy text and its pretty distracting and irritating to look at while I'm working. Does…
I_Coded_My_Zen_Mode
  • 51
  • 1
4
votes
1 answer

VS Code Ways to prioritize HTML emmet over Laravel Blade Snippets?

I have a QOL issue that's really irking me where if I were to press the keys (a key => tab key) or (p key => tab key) and even (li => tab) I don't get the a, p or li HTML tags that want in .blade.php files. The emmet still exists, but the blade…
user3026715
  • 404
  • 3
  • 5
  • 19
1 2 3
…
49 50