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
7
votes
6 answers

How to add value with zen coding?

I like to add value when I type zen coding. For example, input:text becomes :. How do I make it so that input:text becomes and place keyboard cursor between '' of value property?
Moon
  • 22,195
  • 68
  • 188
  • 269
7
votes
0 answers

Sublime Text 3 Emmet plugin support JSX for TypeScript

How to make sublime emmet plugin expand html abbreviation support JSX for .tsx file? Sublime text 3 can good support JSX for .jsx file, but it seem not support for .tsx file. We can add a custom key binding to let emmet expand work at .tsx, but not…
iahu
  • 71
  • 2
7
votes
2 answers

zen-coding: ability to ascend the DOM tree using ^

I forked the excellent zen-coding project, with an idea to implement DOM ascension using a ^ - so you can do: html>head>title^body>h1 rather than html>(head>title)+body>h1 Initially I implemented with rather shoddy regex methods. I have now…
Billy Moon
  • 57,113
  • 24
  • 136
  • 237
7
votes
3 answers

How do I add custom snippets to zen-coding?

I'm trying to get how to add custom snippets to Zen Coding (ZC) plugin for Notepad++. I found the file where ZC stores its snippets C:\Program Files\Notepad++\plugins\NppScripting\includes\Zen Coding.js But I have some questions: What the…
HongKilDong
  • 1,276
  • 3
  • 16
  • 23
7
votes
1 answer

Emmet (ex Zen Coding) - Aptana

I've been trying, through many different ways to install zen coding for aptana. First i gone to Zen Coding project hosting, on google and found a weird zip, different from what every walkthrough describe. And following multiple walkthroughs, all of…
pedrozath
  • 2,353
  • 4
  • 20
  • 23
7
votes
2 answers

Wrapping a HTML element in Visual Studio Code using Emmet

I am using VSC for developing html pages. It's been a great experience using emmet with VSC, but often I find in a situation where I have to wrap a set of elements with a div, but have to use emmet on a single line and then cut paste the end tag at…
Raghavendra Kumar
  • 708
  • 8
  • 23
7
votes
6 answers

zen coding not working in Visual Studio

I have Web Essentials 2015.2 installed. When I, for instance, type "div" and then hit tab, it just selects the following block of html rather than adding a div tag. No zen coding features are working. I'm using VS 2015 Pro Update 3 RC (version…
Methodician
  • 2,396
  • 5
  • 30
  • 49
7
votes
3 answers

Emmet coding lorem ipsum, not starting with lorem

Well I just started with emmet scripting/coding. So I found out you can easily generate lorem ipsum div>lorem20 Only problem I am having I am using lots of lorem ipsum and every thing on the page starts with lorem ipsum. I tried to look if there is…
MKroeders
  • 7,562
  • 4
  • 24
  • 39
6
votes
2 answers

How do you enable emmet for nextjs ( js file)?

How do you enable emmet for nextjs ( js file)?
Adheep George Paul
  • 81
  • 1
  • 3
6
votes
3 answers

Emmet abbreviation syntax multiplication puts all elements on same line instead of multiple?

Everywhere I see people use Emmet abbreviations in VS Code the behavior of the code editor is the same. If someone puts the following code, a:link*3 The result is the following
Kyle J
  • 93
  • 1
  • 4
6
votes
1 answer

How to get Emmet to autocomplete self-closing tags with ' / ' in visual studio code

So Emmet's autocomplete for HTML tags is very useful but when I want to write a self closing tag like
it autocomplete it to
. I understand that this isn't a big issue at all because it is completely supported, but I like being able to see…
Apollo-Roboto
  • 623
  • 5
  • 21
6
votes
1 answer

VSCode Emmet identation doesn't work properly with Svelte files

I'm trying to understand how can I make Emmet work properly on .svelte files. The problem doesn't encounter when I'm using PHP files or HTML files. When I'm using a simple Emment abbreviation, like div, the output after the enter is the same for…
Vladoski
  • 317
  • 2
  • 9
6
votes
4 answers

Where are the default Emmet settings in Visual Studio Code?

Where are the default Emmet settings in Visual Studio Code (v1.15.1)? I'm looking for the file that makes Visual Studio Code expand the Emmet HTML abbreviation ! into:
Brian Zelip
  • 2,909
  • 4
  • 33
  • 45
6
votes
4 answers

Change emmet's leader key in Vim

Is it possible to to change the way you expand emmet code into HTML? The default is ctrl+y+, and thats about two too many keys for my liking. In sublime I just enter the emmet code and hit tab and it expands it. Is there a way to have it do this…
Mark
  • 3,137
  • 4
  • 39
  • 76
6
votes
5 answers

How do I trigger Emmet expansion in Netbeans?

I just installed the Emmet plugin for Netbeans, but I can't find in the docs how to trigger the code expansion.
Bryan
  • 17,201
  • 24
  • 97
  • 123
1 2 3
…
49 50