Js-beautify: Option to put HTML attributes on their own lines, aligned

[JVimes]

Suggest an option to put HTML attributes on their own lines, aligned with each other. For example, turn this:

<button id="start-signout" class="button button-full" ng-click="vm.signout()" click-animation translate>AUTH.SIGN_OUT</button>

into this:

<button id="start-signout"
        class="button button-full"
        ng-click="vm.signout()"
        click-animation
        translate>AUTH.SIGN_OUT</button>

This has been requested and up-voted in a dependent product, Visual Studio Code.

[mribichich]

+1

[bitwiseman]

Fixed by @Lukinos. Thanks!

[hneuer]

Great work!

Is there an ETA for the 1.6.5 release? I would really like to see the force-align feature get into vscode!

[zourun]

vscode 1.23.1
"html.format.wrapAttributes": "force-aligned",
not works

[Seebiscuit]

VSCode 1.23.1
"html.format.wrapAttributes": "force-aligned"
Not working in Vue SFC templates

[Cristy94]

It would be nice if we could bind this "html.format.wrapAttributes" command to a keyboard shorcut.