How to improve Adobe Brackets auto indentation

autoindentbracketshtmlindentation

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..?

Best Answer

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

Related Question