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
10
votes
9 answers

Some Emmet abbreviations in VSC not working, like '!' or using '*'

Every other snippet is working, but !+tab is not. ! snippet is not working other snippet is working I am using Visual Studio Code. I'm using 1.69.0. It was working before, but I wanted to add net html file, named that new.html, because I had…
Bek
  • 103
  • 1
  • 6
10
votes
5 answers

Combine jQuery and Zen-Coding php ports to emulate client side programming style on server side scripts

When I write client side code, I use HTML/CSS/JavaScript and lately jQuery to both speed up coding, and use improved methods to achieve the same goal. In my text editor I use zen-coding to speed up the writing of code, and also to avoid errors. I…
Billy Moon
  • 57,113
  • 24
  • 136
  • 237
10
votes
0 answers

How to escape a dot in emmet

I am using Atom to write a react-native application. Basically I need a snippet that expands to: if I try something like:…
DeiDei
  • 101
  • 3
9
votes
3 answers

Is there a shorthand version of HTML available?

I remember reading an article about a shorthand version, or extension, of HTML a few months ago. Its purpose was to make HTML code significantly more concise, by removing end tags, and it may have allowed loops of some sort as well. I want to use it…
monguin
  • 374
  • 4
  • 13
9
votes
3 answers

How can I get emmet to recognize spaces inside a class name when expanding?

If I type .myClass and press tab emmet expands this how it should... but if I type .myClass class2 it does not expand because there is a space. How can I add two classes to a div with emmet?
David Provost
  • 317
  • 2
  • 11
9
votes
1 answer

Autocomplete with SASS missing semicolon on Sublime Text?

I've just started using SASS with Sublime Text 2 and really enjoying it. However, some of the autocomplete features that worked with CSS, do not work with SASS. For example, on a CSS file when I type: float and press tab, it automatically adds a…
user1469270
9
votes
2 answers

Expand emmet autocompletes to multiple lines in sublime text

When I type the following in sublime text 2 with emmet: .one>label{foo}+input:r I get one long line of code
is there any way to get emmet/sublime to output this…
Tony UK
  • 402
  • 4
  • 16
9
votes
4 answers

Sublime Text: Emmet tab handler in other files than HTML without CTRL + E?

I'd like to use Emmet inside other filetypes/syntax modes than HTML. Especially in .tpl files from Smarty and other template files of different CMS. Is there any way I can use the tab handler in those files too? I don't like to hit in other files…
suntrop
  • 775
  • 3
  • 10
  • 24
8
votes
4 answers

How to surround multiple lines individually with surround.vim

I have these three (or more) lines that I want to surround with li (or any other) tag : Bananas Citrus Orange I can do it this way: qaysstli>jq then 2@a. Is there a way to do this faster and without a macro ?
woodspock
  • 93
  • 1
  • 5
8
votes
1 answer

How do you turn off Emmet abbreviations entirely?

Emmet abbreviations are routinely getting in my way when writing jsx/tsx code, popping up and taking precedence over methods or other completions I actually want. For instance, in this screenshot the Emmet abbreviation is getting in the way of…
T.J. Crowder
  • 1,031,962
  • 187
  • 1,923
  • 1,875
8
votes
7 answers

Sublime Text 3 - Emmet shortcut for HTML 5 not working.

I have recently downloaded sublime text 3 and installed emmet. The issue that I am having is that when I write the short code for HTML 5 and press tab, it doesn't work. This method was used in sublime text 2 and it worked. Does anyone have any…
Mospective
  • 91
  • 1
  • 1
  • 7
8
votes
3 answers

How do I get emmet to add an attribute with a value into a div tag?

I am using the emmet.vim plugin. How do you write emmet shorthand to account for attributes with no values? This is what I write: div.contain-to-grid.sticky>nav.topbar[data-topbar] This is what I want to happen:
Derek Dakan
  • 113
  • 1
  • 5
8
votes
4 answers

New lines in Emmett

I am brand new to Emmet (18 hours) it is GREAT. I have looked widely but cannot find a way of adding new lines when not added automatically. .container>.row>.col-sm-3>ul>li#abc$*5 gives
BeNice
  • 2,165
  • 2
  • 23
  • 38
8
votes
6 answers

How to get Emmet working on Dreamweaver

Emmet now support Dreamweaver and am keen to work with it but it's not working for me, even though I think I have followed instructions here https://github.com/emmetio/dreamweaver I have already downloaded and installed the extension using Adobe…
Andy
  • 541
  • 2
  • 4
  • 14
7
votes
3 answers

I can't get tags in new lines when using emmet in VS code

When I enter a*5, I expected to get five tags in new lines. However, the five tags I got were in the same line like this. How should I change my settings in VScode in order to have five tags in new lines?
Andylll03
  • 73
  • 1
  • 3
1 2
3
…
49 50