Js-beautify: Перенос выравнивания атрибутов html только тогда, когда строка достигает определенной длины

Созданный на 27 сент. 2017 · 8Комментарии · Источник: beautify-web/js-beautify

Можно ли обернуть атрибуты html только тогда, когда строка достигает определенной длины символов. Например, в Phpstorm это работает так: «Если у меня есть что-то вроде этого.

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

Программа форматирования Phpstorm не обертывает атрибуты, но если мой код выглядит примерно так

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

и строка содержит более 100 символов, тогда он обернет атрибуты и выровняет их так

<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

Источник

asolopovas

👍17

Самый полезный комментарий

Я думал, что вариант для чего-то вроде «количества атрибутов перед переносом» был бы неплохим, поэтому я мог сказать, что все, что имеет атрибут <4, не будет упаковано, в то время как все атрибуты> = 4 будут упакованы, и это будет конечно настраивается для каждого пользователя.

Adondriel 13 июн. 2018

👍5

Все 8 Комментарий

См. # 1125 для соответствующего обсуждения. Не совсем такая же функция, но связанная.

bitwiseman 13 нояб. 2017

Это реализуется? Очень обидно, когда следующее:
<meta content="IE=edge" http-equiv="X-UA-Compatible">

становится:

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

Хотя места достаточно, чтобы поместить его в одну строку

RenaldasK 17 апр. 2018

👍1

@RenaldasK
Этот выпуск не назначен. Ему нужен кто-то, чтобы внедрить исправление и тесты, отправить PR и довести его до завершения. Возможно ты?

bitwiseman 18 апр. 2018

+1, это именно то, как мы ожидаем, что поведение будет работать

auderer 28 мая 2018

Я могу взглянуть на это в эти выходные. Следует ли это реализовать в рамках --wrap-attributes auto или какой-либо новой опции?

RenaldasK 30 мая 2018

👍1

На самом деле я изучал проблему # 1285, и описанное там поведение также соответствует моим потребностям, поэтому я думаю, что вместо этого я мог бы форкнуть этот PR # 1297 и попытаться объединить и закрыть его.

RenaldasK 30 мая 2018

👍3

Adondriel 13 июн. 2018

👍5

@Adondriel Это сложно. Один атрибут может иметь длину 3-5 символов, другой - 50 символов. По умолчанию упаковка должна иметь дело с длиной, а не с количеством атрибутов, но это интересный дополнительный вариант, который следует учитывать ...