Js-beautify: Classificação de atributos HTML

Criado em 22 fev. 2018  ·  6Comentários  ·  Fonte: beautify-web/js-beautify

Descrição

Existe alguma maneira de habilitar a classificação de atributos HTML?

Entrada

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

Saída esperada

O código deveria ter ficado assim após o embelezamento:

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

Saída real

O código realmente ficou assim após o embelezamento:

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

Passos para reproduzir

Basta adicionar alguns atributos

Meio Ambiente

SO: Windows 10
Vs-Code mais recente

Configurações

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

Comentários muito úteis

Html agora tokeniza antes da formatação. Isso significa que seria muito mais fácil implementar isso agora, se alguém quiser.

Todos 6 comentários

No momento, o Beautifier não reordena o conteúdo.

Html agora tokeniza antes da formatação. Isso significa que seria muito mais fácil implementar isso agora, se alguém quiser.

Seria ótimo ver apoio para isso. Gosto de manter meus atributos em ordem alfabética - isso me ajuda a encontrar os atributos mais rapidamente. (Esse problema é, pelo menos para mim, um pouco relacionado ao #1084, que é sobre reordenar as propriedades CSS em ordem alfabética.)

Seria muito útil para diferenciar

alguma atualização para isso? Espero que este recurso possa ser suportado em breve, obrigado!

@pianoboysai
PRs sejam bem vindos! Por favor, contribua!

Esta página foi útil?
0 / 5 - 0 avaliações