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

Custom Emmet Snippets

  • May 22, 2019
  • 4 replies
  • 1554 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
Legend
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_
    Legend
    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
    Legend
    May 23, 2019

    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).

    moreover, this is a particular feature of EMMET to which I would like to draw attention, namely the TABSTOPS which are inherent to the EMMET philosophy and which allow the coders to navigate within all the abbreviation filling (once it has been deployed)

    if TABSTOPS are not taken into account, it is because the code editor in question does a poor, and not complete, integration of EMMET

    let's not forget that these TABSTOPS also declare themselves when creating custom snippets... hence my question in the previous message.

    I can only talk about ATOM (which you mention and which I sometimes use)... the operation is the one expected...

    there is however a differentiation, depending on the editors, regarding the consideration of the creation, or not, of a tag if the word preceding the support of TAB may itself be an HTML tag. some created the tag (and thus breaks navigation between TABSTOPS, others not and continues navigation between TABSTOPS. this point is debatable, but it was not the one arise with the example we were talking about

    P
    Paul-MCorrect answer
    Legend
    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
    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
    Legend
    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
    Legend
    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
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    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
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices