Emmet on atom not working properly

html atom-editor emmet
Ruggero picture Ruggero · Apr 13, 2016 · Viewed 8.9k times · Source

Hi I'm using Emmet on Atom code editor and it works fine only with the simple tags like meta.

Nevertheless when I try something complex like ul>li*5 or meta[property=""] and then press tab, nothing happens.

Anyone know how to fix this?

Answer

T04435 picture T04435 · Apr 28, 2016

It happened to me as well, the problem is that the same hotkey(tab) is set to multiple actions, so my solution was to edit the expand action like this.

go to Settings > Packages > Search Emmet... on the keybindings get the last one tab and click on the copy icon

[]<- (something like that)

then go to Edit > Keymap... and copy the next there

'atom-text-editor:not([mini])':
  'ctrl-alt-shift-c': 'emmet:expand-abbreviation'

As the keymap.. overrides all the other keybindings this one will work over all other definitions.

Note: if you use 'tab' as key binding it will only be used for expand-emmet, so you won't be able to actually tab__(2spaces) in HTML, PHP, more... files

HOPE IT HELPS

Related questions

Is there a command for formatting HTML in the Atom editor?

I would like to format my HTML with a command, as I do in Visual Studio, using Ctrl+K+D. Is this possible in Atom? If not, are there other options?

Read More
How can I get atom.io's "Go to Declaration" to really do that?

In atom.io, if I right click in "wrappedlabel" here: <label class="wrappedlabel">"Be Kind to Animammals - Kiss a Duckbilled Platypus Today"</label> ...it teases me with "Go to Declaration" Clicking does not take me …

Read More
How to create an HTML button that acts like a link?

I would like to create an HTML button that acts like a link. So, when you click the button, it redirects to a page. I would like it to be as accessible as possible. I would also like it so …

Read More