Yatoom / emmet-atom-simplified

Emmet support for Atom
MIT License
10 stars 3 forks source link

Simplified Emmet plugin Atom editor

This is a fork of the emmet-atom package, and its main goal is to solve the keybinding conflicts with Atom itself that existed in the original package. The original package overwrote keybindings such as the ctrl + shift + M for toggling the Markdown preview, the ctrl + , for opening the Settings View, and tab for Atom's autocomplete

To solve these keybinding conflicts, the number of default keybindings is reduced to one, keeping the most important feature: expanding Emmet-style abbreviations. This feature is given a new unique key binding. For example:

ul>li.item$@-3*5

is transformed into

<ul>
    <li class="item7"></li>
    <li class="item6"></li>
    <li class="item5"></li>
    <li class="item4"></li>
    <li class="item3"></li>
</ul>

using the shift + space key combination.

This plugin will occasionally be synced with its upstream repository when new updates arrive. Furthermore, as a bonus, emmet expanding can also be triggered inside files with PHP, JS and JSX files. For JSX files, the package language-babel must be installed too, to make Atom recognize .jsx files.

All functionality of the emmet-atom package is still here, which means that you have the freedom to manually add any other Emmet triggers you want. To do so, go to Edit > Keymap... (or Settings > Keybindings > your keymap file) and refer to the original default emmet-atom keymap for a complete list of commands.

Note that you could also just enable emmet expanding everywhere, by opening your keymap (Edit > Open Your Keymap) and adding the following piece of text:

'atom-text-editor:not([mini])':
   'shift-space': 'emmet:expand-abbreviation-with-tab'

Installation

In Atom, open Preferences > Packages, search for the emmet-simplified package. Once found, click install to install package. Alternatively, you could run apm install emmet-simplified.

Manual installation

You can install the latest emmet-simplified version manually from console:

cd ~/.atom/packages
git clone https://github.com/Yatoom/emmet-atom-simplified emmet-simplified
cd emmet-simplified
npm install

Then restart Atom editor.

Features:

Default Keybindings

You can disable these in Preferences > Emmet.

Command Darwin Linux/Windows
Expand Abbreviation shift + space shift + space