Skip to main content
Inspiring
December 23, 2017
Answered

[Locked] Emmet

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

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


    Excuse me for being insistent on this point, but this is the one you seem to ignore and not understanding since the beginning of this discussion ...

    if I decide to create a list of 10 elements containing a title and a description, in HTML I can choose either for a unordnonned list or a definition list...

    whatever that I write it in HTML

    <ul><li><h1>title</h1><p>description</p></li></ul>

    <dl><dt>title</dt><dd>description</dd></dl>

    or using emmet

    ul>li>h1{title}+p{description}

    dl>dt{title}+dd{description}

    at the end it will return exactly the same composition...except that when using HTML and if one have to repeat the task 10 times, it will take longer... and then one if has to modify it... one will have more complexity to handle it... instead of directly regenerated the abbreviation

    Thats exactly my point. If you regularly write code long-hand l believe it will give you a better uderstanding of real code structures and real code patterns which is very helpful because you dwell on what you are actually doing, there is more time to understand, whereas using an automated process like emmet is not using real code patterns or structures, plus it just happens, generally you dont care how it happened or why it happened. The very point is doing things again and again will reinforce your code writing skills. Yes it is boring but there is no gain without pain in my opinion. Its probably why lm pretty good at coding to be honest. If l just sat here and pressed buttons, took short cuts l think l would be less capable.

    Of course if there is a faster shorter way then most will gravitate towards that solution but it usually comes at a premium. Laziness and the lack of passion for what one does is part and parcel of life these days unfortunately, so really l expect nothing less. It doesnt stop me trying to reverse it though and teaching good fundamental workflows which will benefit in the long run.

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

    as you like metaphor...


    why use an electric screwdriver to screw screws while any manual screwdriver can just handle it as well ... well we say that the
    handyman will accommodate well and will be happy, while the professional does will not ask the question ... and in both cases it is they who will choose where to place the screw, which model , and how many of them,but not any prepared tool kit al ready made

    Its not the same, in web development you need to have a good understanding of code if your expectations are to have a career in that field, that can only be achieved by repetitively and regularly writing it. There are no short cuts. Sure if you want to use a script to remove blank lines of code quickly why not, you are not learning anything by sitting there and taking each line of blank space out manually, similarly use an electric screwdriver.


    I do not want to offend you, but I understand from reading you that either you do not want to admit the obvious, or you do not really understand what you're talking about ...

    there is nothing automatic in emmet, and you must write HTML in emmet and most importantly you must think about what you write.

    if you do not understand HTML, you can not use emmet ... it's a must ... but you seem to want to ignore it or get around it

    I'm sorry I can not continue in this discussion, I really have a job ...

    this discussion should be constructive, and for that it would be necessary that what is evident in the nature of the tool is understood and assimilated ...

    what does not seem to be your case (once again, do not take offense) let some time goes and come back later to read  what you've written ... and you will understand what I mean and point to finger .... well, I hope so ...