How to improve Adobe Brackets auto indentation

I'm looking for a way to auto-indent my html 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..?

T J

Posted 2014-11-10T20:04:26.717

Reputation: 173

Looks like they have extensions. I found Beautify @ https://brackets-registry.aboutweb.com/

– MonkeyZeus – 2014-11-10T20:23:04.543

@MonkeyZeus Wow that did it beautifully...! Care to post that as an answer..?! – T J – 2014-11-13T17:28:44.100

Sure thing! done :) – MonkeyZeus – 2014-11-13T17:38:43.740

I am comparing Atom and Brackets now... seems like Atom can re-indent quite well, so far, for the files I have that is HTML, JS, and Ruby – user74542 – 2015-12-29T05:57:54.707

@user74542 Hmm.. I don't know about Atom but be sure to check the brackets plugin registry.. – T J – 2015-12-29T06:09:48.890

How to improve Adobe Brackets auto indentation

Answers