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
18
votes
4 answers

Emmet abbreviations- text inside an element tag

Is there a way to encode text inside an element in Emmet. For example if I want to create a would this be possible with emmet abbreviations?
Omegaman
  • 339
  • 1
  • 4
  • 13
17
votes
3 answers

Enable Emmet for .tsx files on VSC

I'm using Visual Studio Code. How can I enable emmet on .tsx files? I'd like a simple .foo + tab to be expanded to
However, nothing I tried seemed to trigger emmet with the desired behavior above. Here's my VSC…
Jonca33
  • 3,333
  • 7
  • 25
  • 35
17
votes
4 answers

Something is wrong with Emmet in Visual Studio Code

After the last update, Emmet is working in some different (incorrect) way. If I'm typing usual code in Emmet syntax like: .row>.col*2 and press Tab it's not working. If I type: h1{Some title} and press Tab it's also not working, but if I put the…
LuVR
  • 199
  • 1
  • 1
  • 6
16
votes
1 answer

How to get Emmet to generate a custom JSX attribute without quotes

I'm trying to remove the quotes generated by Emmet around the props.onInitiateBattle value for custom attribute onClick. My input (then CTRL + E to expand, similar to tab): button.btn[type="button"][onClick={props.onInitiateBattle}] Emmet's…
urubuz
  • 352
  • 1
  • 13
16
votes
2 answers

Atom.io: Emmet and jsx

It seems Emmet is supposed to work with .jsx files too, but I cant get it to work in atom. My divs are not expanding, nothing happens when i press tab. I've tried restarting Atom, disabled all other user packages and it works perfectly with html…
swelet
  • 8,192
  • 5
  • 33
  • 45
14
votes
6 answers

React, Emmet, Visual Studio Code, and CSS-Modules

Is there a way to configure emmet in visual studio code to use React's CSS modules? When I type... div.container and hit tab, it becomes
The problem here is that it's not using CSS Modules. I'd like it to become…
MattEnth
  • 843
  • 1
  • 7
  • 19
13
votes
4 answers

How to write a comment with Emmet plugin in Sublime?

Im using sublime 2 with Emmet plugin. Is there a way to write a comment with speed coding that would produce me something like that:
Lorem ipsum
I've tried div.container And it's not…
Menci
  • 173
  • 1
  • 1
  • 5
12
votes
1 answer

How to disable "[cdata]" surround for html tags in xhtml files in IntelliJ?

When I type in xhtml files IntelliJ only autocomplete JSF options and no html option. If a write "div" and press tab, it replace by
]]> Any option enable HTML support in XHTML or disable CDATA surround?
MiguelAngel_LV
  • 1,200
  • 5
  • 16
11
votes
2 answers

Gedit Zen Coding Plugin

I've tried multiple times to install the Zen Coding plugin for Gedit in Ubuntu 11.10. (I have all the latest updates installed.) I know I'm doing it correctly because I've done it on other installations with no problem but for some reason it doesn't…
codedude
  • 6,244
  • 14
  • 63
  • 99
11
votes
1 answer

Is it possible to EDIT built-in Emmet abbreviations in VSC?

I'd like to be able to edit default behaviour of "!" instead of creating my own version of "!" from scratch. Is it possible to edit (tweak) default behaviours of Emmet abbreviations in VSC?
Morfidon
  • 1,469
  • 1
  • 18
  • 34
11
votes
8 answers

Emmet expand abbreviation doesn't work in Visual Studio Code with the attributes

I am starting to use Visual Studio Code for my web projects and I cannot live without Emmet, but I have a problem when I try to expand the abbreviations in HTML tags with attributes. Just an example. If I write html:5 and press TAB key it expands…
Inazense
  • 1,517
  • 3
  • 18
  • 28
11
votes
2 answers

Single Quotes in Emmet With VS Web Essentials

Is there a way how to force Visual Studio Web Essentials to insert single quotes instead of double quotes? For instance so that div.col-xs-1 TAB produces
instead of default
? I am using Visual…
grizzly
  • 1,146
  • 12
  • 26
11
votes
2 answers

Emmet in Chrome devtools' sources tab?

Is it possible to get Emmet in Chrome devtools' sources tab? I recently started using workspaces in devtools, so now I can edit HTML files in the sources tab in addition to CSS and JS. Emmet would make this even better.
Web_Designer
  • 72,308
  • 93
  • 206
  • 262
11
votes
2 answers

How to put text into the tabs - Zen Coding

With ul>li*3 I achieve
but what I want is something like this:
  • Value
    • …
Faery
  • 4,552
  • 10
  • 50
  • 92
10
votes
7 answers

How do I activate the Zen coding key bindings in Sublime Text 2?

I just downloaded the Zen coding package for Sublime Text 2, but I can't figure out how to activate it. I already have it in Netbeans, and here you just have to press CTR+ALT+N, but this doesn't work in the Sublime editor. Google didn't yield any…
something
  • 517
  • 3
  • 10
  • 22
1
2
3
…
49 50