Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?


Failed to load latest commit information.
Latest commit message
Commit time
September 5, 2012 01:02

Emmet (ex-Zen Coding)

Emmet is a toolkit for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example:


…can be expanded into:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>

Read more about current Emmet syntax


  1. Go to Help > Install New Software… in your Eclipse IDE
  2. Add in update sites
  3. Check Emmet for Eclipse group in available plugins list, click Next button and follow the installation instructions
  4. Restart Eclipse

Plugin Overview

This plugin provides the features:

  • Expand abbreviations by Tab key
  • Tab stops and linked mode support
  • Simple install and update process
  • Change action shortcuts in Eclipse’s Keys preferences page
  • Works across all Eclipse editors
  • Preferences support to fine-tune output for each syntax and add new abbreviations and snippets

Aptana 3 users: since Aptana 3 can also expand snippets by Tab key, there might be collisions in expanded result (for example, for div tag). You can remove unused snippets for Aptana bundles in order to make Emmet plugin work properly.


Django snippets