Skip to main content
R
R K Murphy
Participant
September 28, 2022
Question

HTML Tag Autofill Spacing Error?

  • September 28, 2022
  • 1 reply
  • 205 views

I am using DW 21.3, Build 15593 on an iMac. When I use tag autofill by typing the tag name and hitting the tab key, the closing the angle brackets and closing tag are entered correctly. But when I hit the return key to add a line space the closing tag just drops to the line below with the same indent. I have to hit return followed by the tab key to create a blank line with the proper indent for the new tag that I want to enter. In the tutorial, when the presenter demonstrates this technique, a new blank line with the proper indent for a new tag is created between the opening and closing tags.

Is there any way I can change my settings to accomplish this?

    This topic has been closed for replies.

    1 reply

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    September 29, 2022

    You set up desired code formatting in your Preferences panel.  Code Formatting > Tag Libraries.  You'll need to do this for each tag.  That said, I prefer to work with unindented code so mine is turned off.

    Once completed, Apply Source Formatting.

     

    I use the TAB key for Emmet shortcuts and to invoke Snippet triggers.

     

    EMMET: Type this followed by TAB key.

    div>(ul>li*3>{Lorem Ipsum})+p*4>lorem

     

    Result:

    <div>
    <ul>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
    <li>Lorem Ipsum</li>
    </ul>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deserunt numquam, iste pariatur laborum harum porro impedit itaque dignissimos minus facilis maxime dicta, consectetur, quia, voluptate praesentium odio. Pariatur, suscipit?</p>
    <p>At quos tempore, placeat libero sint! Quod eius delectus voluptates ad, ratione suscipit eum totam placeat voluptatum, quam aperiam qui pariatur doloremque laudantium, adipisci at maxime sint eligendi quia ex.</p>
    <p>Harum ab placeat, voluptates quae maxime reiciendis recusandae vero facere ipsa nobis optio quis quaerat nulla voluptatum tempore nesciunt quibusdam esse totam obcaecati id modi temporibus rerum error at. Quos!</p>
    <p>Eum repellat dolorem ipsam facilis accusamus est incidunt atque tempore fuga accusantium delectus magni iusto consequuntur beatae distinctio, labore, autem commodi fugit maiores aspernatur minus officiis ratione eaque assumenda ad.</p>
    </div>

     

    Emmet & Snippets can save a lot tedious manual coding.

    https://helpx.adobe.com/dreamweaver/using/writing-editing-code.html#emmet

     

    Nancy O'Shea— Product User & Community Expert
    R
    R K MurphyAuthor
    Participant
    October 6, 2022

    Thanks Nancy, that got me part way to a solution. But when I select Tag Libraries and go to the tag I want to modify, I can't see how to make the changes I want. Can you explain those steps?

    Thanks, Richard Murphy

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    October 6, 2022

    Select TAG.  Click on Line Breaks.

    Select one: 

    • No line breaks.
    • Before and After Tag.
    • Before, Inside and After.
    • After Tag Only.

    That's the extent to which you can format automatic line breaks in code. 

     

    If you require more than that, you'll need to add line breaks manually in Code View by hitting the Enter key. 

     

    That said, Google recommends minifying code on the server to reduce space.  If you do as Google recommends, your final code is condensed to a single line without any line breaks.  Something to keep in mind.

     

     

    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