Skip to main content
C
catinarezi
Participating Frequently
November 18, 2023
Question

Emmet Shortcodes don't work [Topic edited for clarity]

  • November 18, 2023
  • 13 replies
  • 1125 views

Hello.

 

I was following the tutorial Create a responsive grid layout (adobe.com)

and it teaches the code  <div class=“row”></div>, then it teaches a shortcut that should create this same line .row tab, but, for some reason, it simply doesn't work on my Dreamweaver, the app simply keeps the text as it is.

 

  • Dreamweaver 2021
  • Windows 10 Home Edition
  • Steps:
  1. Open the Source Code (html) tab on Dreamweaver;
  2. Between the lines <main> and </main> type the code (shortcut) .row and then press the tab button on keyboard.
  • Expected result: shortcut typed should be automatically converted to <div class=“row”></div> but nothing happens (.row and the tab space just keep there as a simple text).

 

This topic is closed to new replies. Start a new post to keep the conversation going.

13 replies

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
November 21, 2023

If Emmet is enabled (verify that first using Nancy's instructions), it is possible a code error before your insertion point is causing Emmet to fail. Check your code for errors and repair anything found by the Validator.

To open the Validator, go to Window > Results > Validation then hit the "Play" button (arrow icon) in the panel that opens, then choose Current Document (W3C) to get a listing of potential issues.

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    November 20, 2023

    That's an old tutorial from 2016. 😮

     

    To use Emmet Shortcodes, you need a current version of Dreamweaver (21.3) and Emmet Shortcodes must be enabled in your Preferences panel (Ctrl + U).  See Screenshot.

     

    In Code View, try this:

    <main>

    [TYPE:]  .row>p>lorem  [hit TAB KEY] 

    </main>

     

    Ctrl + S to Save and F5 to refresh.

     

    Your results should look like this:

     

    Hope that helps.

     

    Nancy O'Shea— Product User & Community Expert
      C
      catinareziAuthor
      Participating Frequently
      November 21, 2023

      Well, I have a mystery right now but I think I discovered what was happening, but not exactly why. 

      First I tried everything you and Jon taught me and nothing worked. And suddenly while I was already recording you a video, I used my mouse instead of my Wacom pen and everything worked. I guess I can't use my digital pen as a mouse on Dreamweaver. So, problem solved. Thanks for the help!

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices