How to get Emmet working on Dreamweaver

Andy picture Andy · May 24, 2013 · Viewed 19.3k times · Source

Emmet now support Dreamweaver and am keen to work with it but it's not working for me, even though I think I have followed instructions here https://github.com/emmetio/dreamweaver

I have already downloaded and installed the extension using Adobe Extension Manager.

One the thing am not sure about is the absolute path to extentions folder that am suppose to put in Commands > Emmet > Emmet Preferences. I have put this in C:\Program Files\Adobe\Adobe Extension Manager CS6

Any help is very much appreciated.

Thanks

Answer

sulfureous picture sulfureous · Aug 16, 2013

Got it to work with the Tab. I use DW CS6 in code view to program and was happy to know that it was available for DW. Unfortunately as @Andy says, it doesn't quite work out of the box.

First of all, in DW the Ctrl+E shortcut is used for the "Tag choose" window. The next thing is that Tab doesn't work out of the box like it does with other IDE's.

After a little experimentation focused on making the Tab key work for expanding the abbreviation I did this:

I wrote the word Tab somewhere and I copied it to my clipboard, went to the Edit > Keyboard Shortcuts > Commands > Emmet > Expand Abbreviation preference and I right clicked in the "Press key:" field at the bottom and pasted the word Tab in there, then I clicked on Change and then OK and now my Tab works to Expand Abbreviation.

Lot of people might find it as a big down side that now the Tab key won't really tab anymore, but I think it's ok for me because I like to use Double Space indentation and I don't use the Tab because different IDE's read it with more or less spaces so the code sometimes gets a little crooked when saved from IDE to IDE.

Last but not least... I also tried doing the ASCII code for the Tab which is actually 	 but that didn't seem to work.

Hope this answer is also helpful for anyone who wants to use the Tab and doesn't mind that it will only work to Expand Abbreviation.