Js-beautify: O resultado de "Formatar documento" é estranho para certos conteúdos HTML.

Criado em 3 ago. 2017 · 3Comentários · Fonte: beautify-web/js-beautify

_De @slayerxj em 28 de julho de 2017 7: 28_
_Originalmente relatado em relação ao VSCode (que usa jsbeautifier como formatador para HTML): Microsoft / vscode # 31628_

Passos para reproduzir:

cole o seguinte exemplo no http://jsbeautifier.org/ playground:

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

defina 'Quebrar linhas perto de 120 caracteres'
formato
o resultado é

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

Observe os espaços desnecessários adicionados antes de 'série'

html bug

Fonte

aeschli

👍3

Todos 3 comentários

@aeschli -
Excelente relatório de bug.
Com as etapas de reprodução fornecidas, posso reproduzir o problema.

Vejo que seu comentário original diz que você tem "editor.wordWrap": "off". Mas, então, as etapas de reprodução mencionam a configuração de quebra de linha em 120. Para desativar a quebra de linha, você deve definir o valor de quebra em 0. Então, esse problema não ocorre.

bitwiseman em 3 ago. 2017

@bitwiseman Desculpe pela confusão. Ignore o comentário "editor.wordWrap": "off" . Essa é uma configuração VSCode e não está relacionada à formatação html. Vou atualizar a descrição ...

aeschli em 4 ago. 2017

👍1

Estou vendo a mesma coisa no VSCode 1.16.1, principalmente após as tags a e de código embutidas.

Estou usando "   " em vez de espaços para evitar que o espaço em branco indesejado apareça (o espaço em branco indesejado pode causar problemas na saída).