adriaanzon / vim-emmet-ultisnips

Emmet for Vim, implemented with UltiSnips

Emmet for Vim, implemented with UltiSnips.

Installation

Requires Python 3.4 or higher (:python3 print(sys.version)) and UltiSnips.

Install via e.g. vim-plug:

Plug 'adriaanzon/vim-emmet-ultisnips'
Plug 'SirVer/ultisnips'

Configuration

The snippets are enabled by default in HTML files. To use it in Vue files for example, put the following in your UltiSnips/vue.snippets:

extends html

Supported syntax

name	example
element	div, p
class	.foo, .foo.bar
id	#foobar
child	ul>li
sibling	div+p
repeat	div*3
text	a{Click me}

Alternatives

• mattn/emmet-vim
• jceb/emmet.snippets

Both of these didn't work the way I wanted. I wanted it to simply work by writing an Emmet abbreviation and pressing <Tab>, while also still having <Tab> mapped to trigger a snippet.

vim-emmet-ultisnips's Issues

Not working inside tags with alternate highlighting of contents

Tags like a, h1, strong, em

Improve behavior when unsupported syntax is encountered

Currently it just finishes parsing and cuts of the part of the abbreviation that follows.

The expand_abbreviation function should throw an error if unsupported syntax is found, so we can check for that and not even expand the snippet to begin with.

Support surrounding, using ${VISUAL} placeholder

https://github.com/SirVer/ultisnips/blob/6fdc3647f72e0a1f321ea6bd092ecd01f7c187ba/doc/UltiSnips.txt#L928-L931

Expanded snippet sometimes ends up on the line above