Skip to main content
Inspiring
December 23, 2017
Answered

[Locked] Emmet

  • December 23, 2017
  • 3 replies
  • 5320 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 23, 2017

    two fast points...

    1 - in DW you don't have to install emmet, it is already installed... so as Nancy point at, just verify in the prefs setting if it is turn on

    2 - I miss understand what means Nancy when saying that emmet is not fully installed, and that not all abbreviations are present ??? please Nancy which abbreviations are missing ?... AFAIK there is just a problem of emmet core engine (with the TAB key that can't be use in within the code and the multiple selection that does'nt work in Emmet)... but not with the abbreviation list... but if Nancy said it... so I'm certainly missed some ?