Js-beautify: 줄이 특정 길이에 도달할 때만 html 속성 줄바꿈

에 만든 2017년 09월 27일 · 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 에 2018년 06월 13일

👍5

모든 8 댓글

관련 논의는 #1125를 참조하십시오. 정확히 같은 기능은 아니지만 관련이 있습니다.

bitwiseman 에 2017년 11월 13일

이것이 구현되고 있습니까? 다음과 같은 경우 매우 짜증납니다.
<meta content="IE=edge" http-equiv="X-UA-Compatible">

다음이 됩니다:

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

한 줄에 담을 수 있는 공간은 충분하지만

RenaldasK 에 2018년 04월 17일

👍1

@RenaldasK
이 문제는 할당되지 않았습니다. 수정 및 테스트를 구현하고 PR을 제출하고 완료하도록 유도할 사람이 필요합니다. 아마도 너?

bitwiseman 에 2018년 04월 18일

+1, 이것이 바로 우리가 예상하는 동작 방식입니다.

auderer 에 2018년 05월 28일

이번 주말에 봐야겠네요. 이것은 --wrap-attributes auto 또는 새로운 옵션에서 구현되어야 합니까?

RenaldasK 에 2018년 05월 30일

👍1

실제로 #1285 문제를 살펴보았고 거기에 설명된 동작도 내 요구에 적합하므로 대신 이 PR #1297을 분기하여 병합하고 닫을 수 있습니다.

RenaldasK 에 2018년 05월 30일

👍3

Adondriel 에 2018년 06월 13일

👍5

@Adondriel 이것은 까다 롭습니다. 한 속성은 3-5자 길이일 수 있고 다른 속성은 50자일 수 있습니다. 기본적으로 래핑은 속성 수가 아닌 길이를 처리해야 하지만 고려해야 할 흥미로운 추가 옵션입니다...

vvs 에 2018년 06월 13일

👍1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Js-beautify: 줄이 특정 길이에 도달할 때만 html 속성 줄바꿈

가장 유용한 댓글

모든 8 댓글

관련 문제