How to improve Adobe Brackets auto indentation

25,033

It looks like Adobe Brackets has an extension called Beautify which can be found at https://brackets-registry.aboutweb.com/ and their GitHub location is https://github.com/drewhamlett/brackets-beautify

Share:
25,033
T J
Author by

T J

Loves creativity, learning new things and solving problems

Updated on September 18, 2022

Comments

  • T J
    T J almost 2 years

    I'm looking for a way to auto-indent my code using Adobe Brackets.

    Currently when I selected the whole code (Ctrl+A) and use the inbuilt indent option using Ctrl+],

    The entire text moves a tab forward. What I'm looking for is to properly auto indent the code, for example the way in which JSFiddle's Tidy Up option works.


    or In other words, I want the following:

    <html>
    <head>
    </head>
    <body>
    <div>
    <span>
    </span>
    </div>
    </body>
    </html>
    

    To become:

    <html>
      <head>
      </head>
      <body>
        <div>
          <span>
          </span>
        </div>
      </body>
    </html>
    

    Rather than simply moving a tab distance forward like:

        <html>
        <head>
        </head>
        <body>
        <div>
        <span>
        </span>
        </div>
        </body>
        </html>
    

    I've tried searching and read the preferences but couldn't figure out a way to do this. Any ideas..?