How to get Emmet to work in Dreamweaver

Question

Emmet now supports Dreamweaver and really wants to work with it, but it does not work for me, although I think that I follow the instructions here https://github.com/emmetio/dreamweaver

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

One thing I'm not sure about is the absolute path to the folder with the extensions, which supposedly should be entered in Command> Emmet> Emmet Preferences. I put this in C: \ Program Files \ Adobe \ Adobe Extension Manager CS6

Any help is greatly appreciated.

thanks

Answer 1

I tried to work with Tab . I am using DW CS6 in the presentation of code for programming and was glad to know that it is available for DW. Unfortunately, as @Andy says, it doesn't quite work out of the box.

First of all, the shortcut Ctrl + E is used for the "Tag Selection" window in DW. The next thing is that Tab does not work out of the box, as is the case with other IDEs.

After a little experiment about how the Tab key works on extending an abbreviation, I did this:

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

A lot of people can find this as a big downside, now the Tab key will no longer be a tab, but I think this is fine for me because I like to use the Double Space indentation and I don't use Tab because different IDEs read it with more or fewer places, so the code sometimes gets a little crooked when saving from an IDE to an IDE.

And last but not least ... I also tried to make ASCII code for Tab , which is actually 	 but this does not seem to work.

I hope that this answer will also help everyone who wants to use Tab , and do not mind that it will only work with Expand Abbreviation .

Answer 2

Create a New Keyboard Set for Emmet

By default, the Dreamweaver Tag Chooser is configured with the Ctrl + E shortcut, which overrides the Emmet Ctrl + E shortcut. We will fix this by removing the keyboard shortcut for selecting tags.

• Go to Edit > Keyboard Shortcuts…
• In the current set, select Dreamweaver Standard (selected by default if you have not changed it) or another preferred set.
• Click the Duplicate set button on the right. (You cannot just edit the default set).
• Rename the set. (e.g. "Dreamweaver for Emmet")
• In the Commands window, go to Insert > Tag…
• Remove Ctrl+E from the Shortcuts window by clicking the - button.
• Click OK.

The Ctrl + E key is now released to work for the Emmet Expand Abbreviation command.

If desired, you can also change the shortcut for Expand Abbreviation:

In the keyboard shortcut editing window, with the new set of your choice, go to Commands > Emmet > Expand Abbreviation . Press the key combination that you would like to use.

Alternatively, you can enter a key or key combination into a text editor (for example, type Tab or Ctrl+E ), copy it, then paste it into the “Press a Key” text box by right-clicking and choosing Paste. If you try to paste with using Ctrl + V , it will write Ctrl+V as a shortcut.

Answer 3

It works for me, but with the "ctrl + E" key.

please go to edit-> keyboard shortcuts, commands = menu commands and go to insert-> tag you should remove this shortcut (with a click on the minus sign).

now if you press "ctrl + E" emmet work for you and the html tag will be automatically bundled.

Answer 4

I use a Mac and cannot find the Emmet folder or the extension folder anywhere for life.

Thus, I created my own and absolutely attached to them without success.

EDIT:

Got this: In Dreamweaver on Mac, you can specify any folder you want to create and save your own preferences.json file.

eg. In my case, I created a folder called "extensions" and placed it in the following place: /Applications/Adobe Dreamweaver CS5/Configuration/extensions In this folder I created my own preferences.json and contacted it in Dreamweaver through the menu: Commands > Emmet > Emmet Preferences . Emmet automatically uses these files to override the default values.

The contents of this file:

 { "css.valueSeparator": ":" } 

Answer 5

To get the Emmet "Expand Abbreviation" command for working with tabs in Dreamweaver, as in other IDEs:

• write down the word "Tab" (without quotation marks) anywhere you can copy text to the clipboard
• copy text
• go to Edit> Keyboard Shortcuts
• If you don’t have a personal preset, click the duplicate button next to the preset name and enter a name for your preset
• in the "Commands" drop-down list, select "Edit Document"
• scroll to the bottom of the command line and select "Expand Abbreviation"
• right-click on the "Press a key" field and select "Paste" to paste the word "Tab" that you copied (note: do not press any keys in this field, or yours can ruin your shortcuts - if you did just click “Cancel” and restart from step 3)
• click the "Edit" button
• click OK
• be happy;)

Ps: this configuration allows you to use the Tab key for indentation, as well as expand abbreviations.

Answer 6

I installed emmet on Dreamweaver CS6 with Windows7.

The path I entered is:

C: \ Users \ your username \ AppData \ Roaming \ Adobe \ Dreamweaver CS6 \ en_US \ Configuration \ Commands \ Emmet

In the above example you should fill in (username)

Once this was done, I had to change the shortcut to shorten the emmet logo from ctrl + E to ctrl + Q

Once this was done, emmet / Dreamweaver worked similarly to the text emmet / Sublime 2. I still prefer to use the tab key to expand the abbreviation in Sublime, but I could not find a way to set it in Dreamweaver.