Js-beautify: Envuelva alinear atributos html solo cuando la línea alcance cierta longitud

Creado en 27 sept. 2017 · 8Comentarios · Fuente: beautify-web/js-beautify

¿Es posible ajustar solo los atributos html cuando la línea alcanza cierta longitud de caracteres? La forma en que funciona en Phpstorm, por ejemplo, es que si tengo algo como esto.

<div v-for="item in items" class="items">
    <p>{{item.name}}</p>
</div>

El formateador phpstorm no envuelve los atributos, pero si mi código se parece a esto

<div v-for="item in items" class="items" v-if="items.notEmpty()" :class="{active: isActive} :key="item.id">
    <p>{{item.name}}</p>
</div>

y la línea contiene más de 100 caracteres, entonces envolverá los atributos y los alineará así

<div v-for="item in items" 
     class="items" 
     v-if="items.notEmpty()" 
     :class="{active: isActive} 
     :key="item.id">
    <p>{{item.name}}</p>
</div>

html enhancement

Fuente

asolopovas

👍17

Comentario más útil

Estaba pensando que una opción para algo como un "número de atributos antes de envolver" sería buena, por lo que podría decir, cualquier cosa con <4 atributos no se ajustará, mientras que cualquier> = 4 atributos se ajustará, y eso sería configurable por usuario, por supuesto.

Adondriel en 13 jun. 2018

👍5

Todos 8 comentarios

Vea el n. ° 1125 para una discusión relacionada. No es exactamente la misma característica, pero está relacionada.

bitwiseman en 13 nov. 2017

¿Se está implementando esto? Es muy molesto cuando lo siguiente:
<meta content="IE=edge" http-equiv="X-UA-Compatible">

se convierte en:

<meta content="IE=edge"
      http-equiv="X-UA-Compatible">

Aunque hay mucho espacio para mantenerlo en una línea

RenaldasK en 17 abr. 2018

👍1

@RenaldasK
Este problema no está asignado. Necesita que alguien implemente una corrección y pruebe, envíe un PR y lo lleve a su finalización. ¿Quizás tú?

bitwiseman en 18 abr. 2018

+1, así es exactamente como esperaríamos que funcionara el comportamiento

auderer en 28 may. 2018

Podría echarle un vistazo este fin de semana. ¿Debería implementarse esto bajo --wrap-attributes auto o alguna nueva opción?

RenaldasK en 30 may. 2018

👍1

En realidad, eché un vistazo al problema # 1285 y el comportamiento descrito allí también se adapta a mis necesidades, así que creo que podría bifurcar este PR # 1297 en su lugar e intentar fusionarlo y cerrarlo.

RenaldasK en 30 may. 2018

👍3

Adondriel en 13 jun. 2018

👍5

@Adondriel Esto es complicado. Un atributo puede tener solo 3-5 caracteres, otro puede tener 50 caracteres. La envoltura por defecto debería tratar con longitudes, no con el número de atributos, pero es una opción adicional interesante a considerar ...