Js-beautify: Sorting of HTML attributes

Created on 22 Feb 2018 · 6Comments · Source: beautify-web/js-beautify

Description

Is there anyway to enable sorting of HTML attributes?

Input

<input class="input is-small"
            type="text"
            v-model="domainFilter"
            placeholder="search">

Expected Output

The code should have looked like this after beautification:

<input class="input is-small"
            placeholder="search"
            type="text"
            v-model="domainFilter">

Actual Output

The code actually looked like this after beautification:

<input class="input is-small"
            type="text"
            v-model="domainFilter"
            placeholder="search">

Steps to Reproduce

Just add some attributes

Environment

OS: Windows 10
Vs-Code Latest

Settings

{
    "editorconfig": true,
      "indent_size": 2,
      "wrap_attributes": "force-aligned",
      "wrap_attributes_indent_size": 2,
      "wrap_line_length": 80
}

html enhancement

Source

mubaidr

❤2

Most helpful comment

Html now tokenizes before formatting. This mean it would be much easier to implement this now if any one wants to.

bitwiseman on 12 Aug 2018

👍8

All 6 comments

Beautifier doesn't currently reorder content.

bitwiseman on 1 Mar 2018

Html now tokenizes before formatting. This mean it would be much easier to implement this now if any one wants to.

bitwiseman on 12 Aug 2018

👍8

It would be great to see support for this. I like to keep my attributes alphabetically ordered - it helps me finding the attributes faster. (This issue is, at least to me, somewhat related to #1084, which is about re-ordering CSS properties alphabetically.)