Js-beautify: 「フォーマット ドキュメント」の結果は、特定の HTML コンテンツの奇妙なものです。

作成日 2017年08月03日  ·  3コメント  ·  ソース: beautify-web/js-beautify

_@ slayerxj 2017年7月28日
_元々は VSCode (HTML のフォーマッタとして jsbeautifier を使用する) に対して報告されました: Microsoft/vscode#31628_

再現する手順:

<!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

全てのコメント3件

@aeschli -
素晴らしいバグレポート。
ご提供いただいた再現手順で、問題を再現できます。

「editor.wordWrap」: 「off」があるというあなたの元のコメントが表示されます。 しかし、あなたの再現手順は、ラップ設定を 120 に設定することについて話しています。wordWrap をオフにするには、ラップ値を 0 に設定します。これで、この問題は発生しません。

@bitwiseman混乱して申し訳ありません。 "editor.wordWrap": "off"コメントは無視してください。 これは VSCode の設定であり、html フォーマットとは関係ありません。 説明を更新します…

VSCode 1.16.1 でも、特にインライン a および code タグの後で同じことが見られます。

スペースの代わりに「 &nbsp; 」を使用して、不要な空白が表示されないようにしています (不要な空白が出力に問題を引き起こす可能性があります)。

このページは役に立ちましたか?
0 / 5 - 0 評価