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
0
votes
2 answers

Wrap multiple lines of text with different sibling tags in Emmet

Is there a way using Emmet to highlight and wrap the following lines: This is a title This is a subtitle This is the sentence below the subtitle. So that it would output:

This is a title

This is a subtitle

This is the sentence…

hereswhatidid
  • 738
  • 9
  • 21
0
votes
1 answer

How do I add functions to Zencoding-mode.el to make a - tag - unfold to ?

I would like to learn how to add functions to zencoding-mode.el (Zen Coding). Please list what steps a new Emacs user will need to take to enable them to learn Emacs Lisp. I would love to help extend this Emacs mode.
palbakulich
  • 261
  • 1
  • 2
  • 10
0
votes
1 answer

JetBrains products--expanding large Emmet strings

I use Emmet quite a bit and I use a number of JetBrains products--WebStorm, PHPStorm, and PyCharm. I frequently run into a problem when I have too long of an Emmet string, particularly one with spaces, the IDE fails to recognize that it's Emmet and…
jdotjdot
  • 16,134
  • 13
  • 66
  • 118
0
votes
2 answers

Use emmet and Coda clips together with Tab trigger

Today I was playing with Coda 2 as this is for the first time I'm using it after buying the IDE yesterday night. I've installed emmet on coda to speed up my workflow. At the same time I was trying to save some snippets in the Coda clips.…
shuvonasir
  • 61
  • 1
  • 2
  • 5
0
votes
2 answers

Sublime 3 & Emmet

this may seem like a stupid question, but i've looked through the docs and cant seem to get it working. im using windows 8, i've installed emmet into my sublime text 3, checked the console and it seems to be installed fine, "Emmet: No need to update…
Nicholas Ritson
  • 869
  • 4
  • 13
  • 30
0
votes
1 answer

A strange stuff of my gVim and emmet plugin

I install gvim and its emmet plugin(win7 64bit,default _vimrc),but has some problem with it. I found a strange stuff in my gVim. when I expand at a letter, my vim will pick one letter from the line next to the current line and push to the current…
LIXer
  • 342
  • 1
  • 4
  • 10
0
votes
1 answer

Is there an equivalent to "$this" in Emmet plugin?

Hmm.. have not found an answer to this... so here goes. Want to create a form using Emmet syntax. I have the following list of…
Lee Fuller
  • 2,116
  • 3
  • 19
  • 27
0
votes
1 answer

Using Emmet with SCSS

I've just started using SASS with Sublime Text 2 and it's great. I'm using the SCSS syntax. However, I've been using Emmet and it does not seem to work with SCSS well when using tab (for me). With Emmet, I usually write: float and press tab, it…
user1469270
0
votes
1 answer

I want to include url in bgi statement

I'm populating a block of css using emmet, I'm creating a rule using bgi - background image the code: page{bgi} works and expands to page{background-image: url();} which is fine but I would like to include the url in the statement. I've tried…
jimeast
  • 277
  • 1
  • 2
  • 13
0
votes
1 answer

HTML Zen Coding Counter

I have a problem of generating html element text with Zen Coding: Zen Coding ShortCut: ul>(li>p{Element-$})*10 Generates 10 li>p elements with Element-1 code. Is it any way to increase counter on each iteration? Thank you. P.S. I am working in…
SvitlanaS
  • 85
  • 1
  • 3
0
votes
2 answers

Why is name attribute transformed to value on input type in Web Essentials Zen Coding? Bug?

In Visual Studio 2012 with Web Essentials 3.5 the following Zen Coding item seems to be transformed improperly: input[name="demo"][type="text"] Note: Just updated to version web essentials 3.6.5 and I still get the incorrect markup. It results in…
raddevus
  • 8,142
  • 7
  • 66
  • 87
0
votes
1 answer

Ignore Emmet commands in files other than html and css

Is it possible to set up the Emmet package for Sublime Text 3 in a way that it ignores all shortcuts in files other than HTML and CSS? I love to work with Emmet using tab in HTML and CSS files but I could use tab for something else when working with…
F Lekschas
  • 12,481
  • 10
  • 60
  • 72
0
votes
3 answers

Creating Sublime Text 3 Snippets for CSS Selectors

I'm using ST3 and trying to create a snippet to quickly output the first child selector. I have saved the file with a .sublime-snippet extension in the Packages/User location. My snippet code:
user1794295
  • 1,839
  • 4
  • 21
  • 19
0
votes
1 answer

Sublime Text 2 and Emmet and wrapping lines

I often get text from clients and want to quickly format the text with html tags and wrap each text line at a specified number of characters. I've just installed Sublime Text 2 and it's pretty nice, but one of the things I really want to do I can't…
0
votes
1 answer

How can I adjust pixel positioning in Sublime Text using the keyboard?

I am using the Emmet LiveStyle Chrome Extension and Sublime Text Package which allows me to make edits to a webpage via Sublime Text and be able to see the changes happening live in the browser. It's like Firebug(or Inspector) without the extra step…
zeckdude
  • 15,877
  • 43
  • 139
  • 187