Connecting tags in Dreamweaver

Posted on 2011-05-05
Last Modified: 2012-05-11
In Notepad++, the default connects open and close tags in HTML with a series of dots (see attached screenshot). It also lets me close and open certain portions of the code on the fly. Is there a way to enable this functionality in Dream Weaver? I find it easier to code in Notepad++ due to the connecting lines when working on larger projects.

     screen shot of connecting tags
Question by:spoggles
    LVL 70

    Expert Comment

    by:Jason C. Levine
    Hi spoggles,

    The vertical dotted lines are not present in DW, but you can collapse and expand code based on starting and ending tags.

    In code view, you need to enable the Coding toolbar.  Select a tag in your code and click the Collapse Full Tag button on the toolbar (it looks like inward facing arrows over a pair of <> )

    Author Comment

    Do you know of a plug-in available for Dreamweaver for the vertical dotted lines?
    LVL 70

    Accepted Solution


    I doubt there is one.  Most of the extensions for Dreamweaver add behaviors or features for non-developers.  Very, very few have ever affected the User Interface.  Now that I'm thinking about it, I can't think of any extension that changed the user interface aside from adding menu options or buttons to the toolbar so it may not even possible.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Java/J2EE and SOA

    This course will cover both core and advanced Java concepts like Database connectivity, Threads, Exception Handling, Collections, JSP, Servlets, XMLHandling, and more. You'll also learn various Java frameworks like Hibernate and Spring.

    Suggested Solutions

    A short article about a problem I had getting the GPS LocationListener working.
    Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
    HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now