Js-beautify: HTML属性の並べ替え

作成日 2018年02月22日  ·  6コメント  ·  ソース: beautify-web/js-beautify

説明

HTML属性の並べ替えを有効にする方法はありますか?

入力

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

期待される出力

美化後のコードは次のようになっているはずです。

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

実際の出力

美化後のコードは実際には次のようになりました。

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

再現する手順

いくつかの属性を追加するだけです

環境

OS:Windows 10
Vs-Code最新

設定

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

最も参考になるコメント

HTMLは、フォーマットする前にトークン化するようになりました。 これは、誰かが望むなら、これを今すぐ実装する方がはるかに簡単であることを意味します。

全てのコメント6件

Beautifierは現在コンテンツを並べ替えません。

HTMLは、フォーマットする前にトークン化するようになりました。 これは、誰かが望むなら、これを今すぐ実装する方がはるかに簡単であることを意味します。

これに対するサポートを見るのは素晴らしいことです。 属性をアルファベット順に並べておくのが好きです。属性をすばやく見つけるのに役立ちます。 (この問題は、少なくとも私にとっては、CSSプロパティをアルファベット順に並べ替えることに関する#1084にいくらか関連しています。)

差分をとるのにとても便利でしょう

このための更新はありますか? この機能がすぐにサポートされることを願っています、ありがとう!

@pianoboysai
PRは大歓迎です! 貢献してください!

このページは役に立ちましたか?
0 / 5 - 0 評価