mrmlnc / posthtml-attrs-sorter

:postbox: Sorting of the tag attributes in the specified order.

posthtml-attrs-sorter

A PostHTML plugin for sort attribute of the tag based on the given order.

Install

$ npm i -D posthtml-attrs-sorter

Why?

To follow the guidelines for writing code such as Code Guide by @mdo.

Usage

const posthtml = require('posthtml');
const attrsSorter = require('posthtml-attrs-sorter');
const htmlRaw = fs.readFileSync('path/to/file.html');

posthtml()
  .use(attrsSorter({
    // Options
  }))
  .process(htmlRaw)
  .then(function(result) {
     fs.writeFileSync('path/to/file.html');
  })

You can also use this plugin in the PostHTML plugin to Gulp or Grunt.

Options

order

• Type: string[]
• Info:
  • Strings are turned into Regular Expressions
  • Use $unknown$ to specify where the unsorted attributes are placed
• Default: http://codeguide.co/#html-attribute-order

{
  "order": [
    "class", "id", "name",
    "data-.+", "ng-.+", "src",
    "for", "type", "href",
    "values", "title", "alt",
    "role", "aria-.+",
    "$unknown$"
  ]
}

An array of attributes in the correct order.

Plugins for editors and IDE

• Visual Studio Code

Changelog

See the Releases section of our GitHub project for changelogs for each release version.

License

MIT.