Zen Coding

Emmet (formerly Zen Coding) is a set of plug-ins for text editors that allow for high-speed coding and editing in HTML, XML, XSLT, 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 and Emmet users. Since 2015 Mikael Geletsyan is responsible for UX at Emmet. The tools have been incorporated into several popular text editors, as well as some plug-ins developed by the Emmet team and others implemented independently. However, Emmet is primarily independent from any text editor, as the engine works directly with text rather than with any particular software.

Emmet is open sourced under the MIT License.

Name

Emmet is a word that originally meant ant, a small insect that can carry over 50 times of its weight. This word is also similar to "emit," which is basically what Emmet does when it expands abbreviations.

Functions

Expand abbreviations

Emmet uses a specific syntax in order to expand small snippets of code, similar to CSS selectors, into full-fledged HTML code. For example, the sequence

div#page>div.logo+ul#navigation>li*5>a

or

#page>.logo+ul#navigation>li*5>a

expands into

The expand abbreviations function includes several other complex functions, such as wrapping a section of code with expanded code.

Tag balancing

The HTML Pair Matcher allows users to locate the matching open/close tag for the tag at the current cursor position. Unlike other HTML pair matchers, Emmet searches from the cursor's current position rather than scanning the document from the beginning.

Text editors

The plug-ins for following text editors were developed by the Emmet team
* Aptana/Eclipse (cross-platform).
* Notepad++ (Windows)
* NetBeans (cross-platform)
* TextMate (Mac)
* Coda (Mac)
* Komodo Edit/IDE (cross-platform)
* PSPad (Windows)
* </a> (browser-based)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/Bluefish_(text_editor).html" "title="Bluefish (text editor)">Bluefish</a><span class="linkinfotext"> <p>The bluefish (''Pomatomus saltatrix'') is the only extant species of the family Pomatomidae. It is a marine pelagic fish found around the world in temperate and subtropical waters, except for the northern Pacific Ocean. Bluefish are known as ta ...<br></span></div> (Linux/Windows/Mac)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/Brackets_(text_editor).html" "title="Brackets (text editor)">Brackets</a><span class="linkinfotext"> <p>A bracket is either of two tall fore- or back-facing punctuation marks commonly used to isolate a segment of text or data from its surroundings. Typically deployed in symmetric pairs, an individual bracket may be identified as a 'left' or 'r ...<br></span></div> (cross-platform)<p>The following text-editor plug-ins were developed by third-party groups with the official Emmet engine<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/Atom_(text_editor).html" "title="Atom (text editor)">Atom</a><span class="linkinfotext"> <p>Every atom is composed of a nucleus and one or more electrons bound to the nucleus. The nucleus is made of one or more protons and a number of neutrons. Only the most common variety of hydrogen has no neutrons.<p>Every solid, liquid, gas, and ...<br></span></div> (cross-platform)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/Adobe_Dreamweaver.html" "title="Adobe Dreamweaver">Dreamweaver</a><span class="linkinfotext"> <p>Adobe Dreamweaver is a proprietary web development tool from Adobe Inc. It was created by Macromedia in 1997 and developed by them until Macromedia was acquired by Adobe Systems in 2005.<p>Adobe Dreamweaver is available for the macOS and Windows ...<br></span></div> (Windows, Mac)<br>* <a class="link_plain"; href="/html/ALL/l/Sublime_Text.html" ;"title="Sublime Text">Sublime Text</a> (cross-platform)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/Microsoft_Visual_Studio.html" "title="Microsoft Visual Studio">Visual Studio</a><span class="linkinfotext"> <p>Visual Studio is an integrated development environment (IDE) from Microsoft. It is used to develop computer programs including web site, websites, web apps, web services and mobile apps. Visual Studio uses Microsoft software development platfor ...<br></span></div> (Windows)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/Visual_Studio_Code.html" "title="Visual Studio Code">Visual Studio Code</a><span class="linkinfotext"> <p>Visual Studio Code, also commonly referred to as VS Code, is a source-code editor made by Microsoft with the Electron Framework, for Windows, Linux and macOS. Features include support for debugging, syntax highlighting, intelligent code complet ...<br></span></div> (cross-platform)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/gedit.html" "title="gedit">gedit</a><span class="linkinfotext"> <p>gedit ( or ) is a text editor designed for the GNOME desktop environment. It was GNOME's default text editor and part of the GNOME Core Applications until GNOME version 42 in March 2022, which changed the default text editor to GNOME Text E ...<br></span></div> (cross-platform)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/AkelPad.html" "title="AkelPad">AkelPad</a><span class="linkinfotext"> <p>AkelPad is a small, expandable text editor for Microsoft Windows. <p>AkelPad is distributed as free and open-source software, hosted on SourceForge where it has been downloaded more than 3 million times. <br> Unicode and codepages<br>AkelPad handles ...<br></span></div> (Windows)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/UltraEdit.html" "title="UltraEdit">UltraEdit</a><span class="linkinfotext"> <p>UltraEdit is a commercial text editor for Microsoft Windows, Linux and OS X created in 1994 by the founder of IDM Computer Solutions Inc., Ian D. Mead, and owned by Idera, Inc. since August 2021. The editor contains tools for programmers, includi ...<br></span></div> (Windows)<br>* TopStyle (Windows)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/BBEdit.html" "title="BBEdit">BBEdit</a><span class="linkinfotext"> <p>BBEdit is a proprietary text editor made by Bare Bones Software, originally developed for Macintosh System Software 6, and currently supporting macOS.<br> History<br>The first version of BBEdit was created as a "bare bones" text editor to serve as a "p ...<br></span></div>/<div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/TextWrangler.html" "title="TextWrangler">TextWrangler</a><span class="linkinfotext"> <p>BBEdit is a proprietary text editor made by Bare Bones Software, originally developed for Macintosh System Software 6, and currently supporting macOS.<br> History<br>The first version of BBEdit was created as a "bare bones" text editor to serve as a "p ...<br></span></div> (Mac)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/EmEditor.html" "title="EmEditor">EmEditor</a><span class="linkinfotext"> <p>EmEditor is a lightweight extensible commercial text editor for Microsoft Windows. It was developed by Yutaka Emura of Emurasoft, Inc. It includes full Unicode support, 32-bit and 64-bit builds, syntax highlighting, find and replace with regular e ...<br></span></div> (Windows)<br><!--*Scribes (Linux<br><a href="http://scribes.sourceforge.net/]" target="_blank" class="mw-redirect" title=""></a><br>-><p>The following text editor plug-ins were developed independently and with a different Emmet engine<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/Emacs.html" "title="Emacs">Emacs</a><span class="linkinfotext"> <p>Emacs , originally named EMACS (an acronym for "Editor MACroS"), is a family of text editors that are characterized by their extensibility. The manual for the most widely used variant, GNU Emacs, describes it as "the extensible, customizable, s ...<br></span></div> (cross-platform)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/IntelliJ_IDEA.html" "title="IntelliJ IDEA">IntelliJ IDEA</a><span class="linkinfotext"> <p>IntelliJ IDEA is an integrated development environment (IDE) written in Java (programming language), Java for developing computer software written in Java, Kotlin (programming language), Kotlin, Groovy (programming language), Groovy, and other ...<br></span></div>/<div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/WebStorm.html" "title="WebStorm">WebStorm</a><span class="linkinfotext"> <p>JetBrains s.r.o. (formerly IntelliJ Software s.r.o.) is a Czech software development company which makes tools for software developers and project managers. , the company has offices in Prague; Munich; Berlin; Boston, Massachusetts; Amsterda ...<br></span></div>/<div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/PhpStorm.html" "title="PhpStorm">PhpStorm</a><span class="linkinfotext"> <p>JetBrains s.r.o. (formerly IntelliJ Software s.r.o.) is a Czech software development company which makes tools for software developers and project managers. , the company has offices in Prague; Munich; Berlin; Boston, Massachusetts; Amsterda ...<br></span></div> (cross-platform)<br>* <div class="linkinfo_desc"><a class = "desc_only" href="/html/ALL/l/RJ_TextEd.html" "title="RJ TextEd">RJ TextEd</a><span class="linkinfotext"> <p>RJ TextEd is a freeware Unicode text and source code editor for Windows, that can also be used as a simple web development tool.<p>The editor uses a variety of techniques for syntax highlighting in the source. It can use auto completion and hints ...<br></span></div> (Windows)<br>* Tincta Pro (Mac)<br>* <a class="link_plain"; href="/html/ALL/l/Vim_(text_editor).html" ;"title="Vim (text editor)">Vim</a> (cross-platform)<br><h1><br><p> References</h1></p><p><h1><br><p> External links</h1></p><br>* {{official<p> <a class="link_plain"; href="/html/ALL/l/Application_programming_interfaces.html" ;"title="Application programming interfaces">Application programming interfaces</a><br> <a class="link_plain"; href="/html/ALL/l/Software_using_the_MIT_license.html" ;"title="Software using the MIT license">Software using the MIT license</a><p></div><p><div id="AdvertBottom1"><br></div><p><center><br><script src="/js/AdvertBottom1.js"><br></script><br></center> <p><footer><br><div><br><br><br><br><br><br><br><center><br><br><a target="_top" href="../index.html"> HOME </a><br><br><br>Content is Copyleft<br>Website design, code, and AI is Copyrighted (c) 2014-2017 by Stephen Payne<br><br><br><a target="_top" href="https://donate.wikimedia.org/w/index.php?title=Special:LandingPage&country=US&uselang=en&utm_medium=sidebar&utm_source=donate&utm_campaign=C13_en.wikipedia.org"> Consider donating to Wikimedia </a><br><br><br><br>As an Amazon Associate I earn from qualifying purchases<br><br><br></center><br></div><br></footer><p><div id="AddedByJS"><br></div><p><script src="/js/site.js"><br></script><p><!--#include file="inc/summary_footer.html" --><p></body></html>