Skip to main content
Inspiring
December 23, 2017
Answered

[Locked] Emmet

  • December 23, 2017
  • 3 replies
  • 5344 views

I am using Dreamweaver CC 2018, and it tells me that I can use Emmet to make my coding quicker.  When I click on the tip, it takes me to Dreamweaver Exchange, and I have to search for it, and here is the problem, it isn't there to be found.  I go to the creators website, Emmet.io, and click on download, and even then, it doesn't work.

How on earth, can I use Emmet, if Dreamweaver doesn't want me to use it??

Look forward to hearing the replies.

Damo

    This topic has been closed for replies.
    Correct answer Nancy OShea

    According to the preferences, Emmet is 'turned on', and yet, when I try it, it doesn't work.  If I do:

         div+navigation+ul [tab]

    that will do this:

         div+navigation+ul [tab][tab]tab]

    not this:

         <div></div>

              <navigation></navigation>

                   <ul></ul>


    Try replacing those plus signs with chevrons > and it should work.

    div>nav>ul  TAB

    <div>

        <nav>

            <ul></ul>

        </nav>

    </div>

    Or with IDs and classes  -  div#myID>nav.menu>ul.top  TAB

    <div id="myID">

        <nav class="menu">

            <ul class="top"></ul>

        </nav>

    </div>

    And lets add 5 lists with anchors.

    div#myID>nav.menu>ul.top>li*5>a  TAB

    <div id="myID">

        <nav class="menu">

            <ul class="top">

                <li><a href=""></a></li>

                <li><a href=""></a></li>

                <li><a href=""></a></li>

                <li><a href=""></a></li>

                <li><a href=""></a></li>

            </ul>

        </nav>

    3 replies

    B i r n o u
    Legend
    December 24, 2017

    now folks... this thread is very nice... but ...

    although I am an atheist and I do not believe for a long time to santa claus ... I have a lot of friends who have just arrived at the office and my hedonistic libertarian side attracts me to increase my propensity to party.

    I wish you all a happy holiday season... see you ...

    Inspiring
    December 24, 2017

    Hey B i r n o u​, I'm sorry, I have been away from the laptop as I was having a Star Wars marathon with my wife.  But, I have decided to just wait for Adobe to realize that Emmet isn't working with DW2018 and fix it.  I expect that I'll have a very long wait, so shouldn't hold my breath.  This has been an interesting topic, I am guessing, so I am happy to keep it going, if you guys like it to stay alive??

    I am currently building my website using DW, so it should be ready in February when I publish my autobiography!!

    B i r n o u
    Legend
    December 25, 2017

    cool... did you try removing the last white space at the end of the abreviation... is this still not working that way...?

    Nancy OShea
    Community Expert
    Community Expert
    December 23, 2017

    And here is the link to Emmet 12.2 documentation.

    https://docs.emmet.io/abbreviations/

    Nancy

    Nancy O'Shea— Product User & Community Expert
    Nancy OShea
    Community Expert
    Community Expert
    December 23, 2017

    Is Emmet turned on in your Preferences?

    At its simplest, open code view.  Type p followed by the TAB key.

    Result:

    <p>  </p>

    Place cursor inside the <p> tags and type lorem followed by TAB key.

    Result:

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima optio, magnam molestias nisi quod minus natus, dolorum inventore earum at totam eius aliquid illum repudiandae? Adipisci laudantium doloremque, tempora aliquid.</p>

    Sadly DW doesn't implement the entire Emmet catalog of shortcuts.  Only parts of Emmet are recognized in DW.

    See Joseph Lowery's description below.

    Faster Coding with Emmet in Dreamweaver CC | Adobe Blog

    Nancy

    Nancy O'Shea— Product User & Community Expert
    Inspiring
    December 23, 2017

    Nancy OShea  According to Exchange, Emmet won't be installed because I don't have Dreamweaver 11 or greater!!   I thought that Dreamweaver CC 2018 was higher than DW11! (according to DW (as I've just looked), I have DWv18)

    B i r n o u
    Legend
    December 24, 2017

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

    the few tens of lines you have just written, show very brilliantly the art of speaking and of knowing how to answer completely beside the real question which reminds one is Emmet ...

    you have not answered at all ... is it for fear of having to admit that emmet can actually be useful, as demonstrated in the examples... that besides you did not take the pain to comment ... thank you

    Never said it cant be useful. Anything in small doses can be useful but l would not recommend drinking a bottle of wine each evening, you become dependent upon it, which was really my initial point. I prefer a workflow that largley depends on ones own skills, without using crutches if possible.

    I did not respond to your post demonstrating emmet as l didnt see what point that proved and l already knew what emmet was and know how it works, without having the 'cat in the hat' approach, thanks anyway.


    once again the real question is discarded and you answer completely aside it ... I liked the example of wine ... consume Emmet in moderation ... which in itself does not mean anything ... said on ... make websites ... but beware do not abuse HTML ....

    so if you read back some message ago when I posted the demos... the question was , I quote "... could you please tell me where it drives coders to become lasy... of where that will damage their capabilities ????... "