Js-beautify: "문서 서식"의 결과는 특정 HTML 내용이 이상합니다.

에 만든 2017년 08월 03일 · 3코멘트 · 출처: beautify-web/js-beautify

_From @slayerxj 2017 년 7 월 28 일 7 : 28_
_ 원래 VSCode (HTML의 포맷터로 jsbeautifier 사용)에 대해보고 됨 : Microsoft / vscode # 31628_

재현 단계 :

다음 예제를 http://jsbeautifier.org/ 플레이 그라운드에 붙여 넣으십시오.

<!DOCTYPE html>
<html>

<head></head>

<body>
    <div>
        <div>
            <p>Reconstruct the schematic editor the EDA system <a href="http://www.jedat.co.jp/eng/products.html"><i>AlphaSX</i></a> series</p>
        </div>
    </div>
</body>

</html>

'120 자 근처 줄 바꿈'설정
체재
결과는

...<p>EDA system <a href="http://www.jedat.co.jp"><i>Alpha-SX</i></a>                series</p>

'시리즈'앞에 추가 된 불필요한 공백을 확인하십시오.

html bug

출처

aeschli

👍3

모든 3 댓글

@aeschli-
훌륭한 버그 보고서.
제공하신 재현 단계를 통해 문제를 재현 할 수 있습니다.

원래 의견에 "editor.wordWrap": "off"가 있다고하셨습니다. 하지만 재현 단계에서는 줄 바꿈을 120으로 설정하는 것을 언급합니다. wordWrap을 끄려면 줄 바꿈 값을 0으로 설정합니다. 그러면이 문제가 발생하지 않습니다.

bitwiseman 에 2017년 08월 03일

@bitwiseman 혼동을 드려 죄송합니다. "editor.wordWrap": "off" 주석은 무시하십시오. 이는 VSCode 설정이며 html 형식과 관련이 없습니다. 설명을 업데이트하겠습니다 ...

aeschli 에 2017년 08월 04일

👍1

특히 인라인 a 및 코드 태그 이후에 VSCode 1.16.1에서 동일한 내용이 표시됩니다.

원치 않는 공백이 나타나지 않도록 공백 대신 "   "를 사용하고 있습니다 (원치 않는 공백은 출력에 문제를 일으킬 수 있음).

ReubenAllott 에 2017년 10월 01일

👍1

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

0 / 5 - 0 등급

Js-beautify: "문서 서식"의 결과는 특정 HTML 내용이 이상합니다.

모든 3 댓글

관련 문제