Skip to main content
W
wscog
New Participant
May 22, 2019
Answered

Custom Emmet Snippets

  • May 22, 2019
  • 4 replies
  • 1530 views

In Dreamweaver CC 2015, I could replace "Adobe\Adobe Dreamweaver CC 2015\configuration\Shared\Emmet\Emmet\snippets.js" with a customized version and Dreamweaver would recognize that file and let me use any custom snippets/abbreviations that I created.

While Dreamweaver CC 2019 has the same folder/file structure, it doesn't recognize any of my custom snippets/abbreviations.

Does anyone know of any way that I can get that working?

This topic has been closed for replies.
Correct answer Paul-M

Is this what you're looking for?

C:\Program Files\Adobe\Adobe Dreamweaver CC 2019\www\extensions\default\brackets-emmet\node_modules\emmet\lib\snippets.json

4 replies

B i r n o u
B i r n o u
Braniac
May 23, 2019

I take advantage of a rather technical question and oriented towards an advanced use of Emmet, to maybe understand how to use Emmet in DW.

Indeed, as far as I understand it, Emmet is not correctly integrated in DW, and despite a significant number of messages and bugs posted on the bugbase since then, no corrections have been made...

so my question, why, and especially how, to use Emmet in DW. Maybe this visual and example explanation will be more meaningful. clik the link 05.23.2019-11.51.18

don't see my question as any kind of attack... I'm just trying to understand?

folk @adobe if you're around... please take notes of it... please watch the exemple posted

    O
    osgood_
    Braniac
    May 23, 2019

    https://forums.adobe.com/people/B+i+r+n+o+u  wrote

    I take advantage of a rather technical question and oriented towards an advanced use of Emmet, to maybe understand how to use Emmet in DW.

    Indeed, as far as I understand it, Emmet is not correctly integrated in DW, and despite a significant number of messages and bugs posted on the bugbase since then, no corrections have been made...

    so my question, why, and especially how, to use Emmet in DW. Maybe this visual and example explanation will be more meaningful. clik the link 05.23.2019-11.51.18

    don't see my question as any kind of attack... I'm just trying to understand?

    folk @adobe if you're around... please take notes of it... please watch the exemple posted

    Its not just DW that exhibits this problem, pretty much every editor does, especially in reference to the <title></title> example - Atom, VS Code, Coda, Codelobster, PHP Storm, Wappler

    B i r n o u
    B i r n o u
    Braniac
    May 23, 2019

    https://forums.adobe.com/people/B+i+r+n+o+u  wrote

    osgood_   a écrit


    Its not just DW that exhibits this problem, pretty much every editor does, especially in reference to the <title></title> example - Atom, VS Code, Coda, Codelobster, PHP Storm, Wappler

    in fact I think you're confusing... between the TITLE tag itself and what's going on inside the TITLE tag.

    if you look closely at the video I provided, it is on the word 'page' that the PAGE tag is created inappropriately (and not <title></title> as you mention in your comment).

    I'm not confusing anything, I'm refering to what happens when you are using Emmet and hit tab, after typing text between the <title></title> tag. No editor I've tried in the list I provided jumps the cursor to the <body> | </body>, another tag is created between the <title></title> tag instead. Only Sublime puts the cursor between the <body> | </body> ....so its not just a DW issue.

    We'll as sure as hell it doesn't work in Atom on Mac, as you would like.

    In Mac Atom this is what you get after typing 'Test Page' in the <title></title> tag and hitting the tab key:

    <title>Test <Page></Page></title>

    Similarly typing 'List One 'between the <li></li> tag and hitting tab gives you the result below. It doesnt jump the cursor to the following <li> | </li>

    <li class="item1">List <One></One></li>

    This is Emmet default, I havent changed any settings. I haven't tested the other editors I intially listed in the previous post, but at a guess I would think they will all do the same on Mac.


    please 05.23.2019-15.03.56

    P
    Paul-MCorrect answer
    Braniac
    May 22, 2019

    Is this what you're looking for?

    C:\Program Files\Adobe\Adobe Dreamweaver CC 2019\www\extensions\default\brackets-emmet\node_modules\emmet\lib\snippets.json

    Paul-M - Community Expert
    W
    wscogAuthor
    New Participant
    May 23, 2019

    Thank you, so much for finding that!

    For any Mac users, this is the equivalent file there: Applications/Adobe Dreamweaver CC 2019/Adobe Dreamweaver 2019.app/Contents/www/extensions/default/brackets-emmet/node_modules/emmet/lib/snippets.json

    You'll need to right click the app icon and click 'Show Package Contents' to find it.

    Again, Paul-M, you are awesome and thank you!

    B i r n o u
    B i r n o u
    Braniac
    May 23, 2019

    hello wscog​,

    maybe you missed my question...(comment #4) so please, if you don't mind, could you tell me if the TABSTOPS support is effective under Mac, in DW, and even in your own snippets?

    if so... we will know that under MAC DW has integrated EMMET correctly

    if not... doesn't that bother you?

    P
    Paul-M
    Braniac
    May 22, 2019

    Probably in here somewhere: C:\Program Files\Adobe\Adobe Dreamweaver CC 2019\www\extensions\default\brackets-emmet

    Paul-M - Community Expert
    Nancy OShea
    Nancy OShea
    Braniac
    May 22, 2019

    The built-in Emmet in 2019 is much like what Brackets offers.   Since 2015, DW has been fitted with a code engine based on Brackets.  So with that in mind, try poking around in the Brackets folder. 

    Nancy O'Shea— Product User, Community Expert &amp; Moderator
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices