Js-beautify: El resultado de "Formato de documento" es extraño en cierto contenido HTML.

Creado en 3 ago. 2017 · 3Comentarios · Fuente: beautify-web/js-beautify

_De @slayerxj el 28 de julio de 2017 7: 28_
_Informado originalmente contra VSCode (que usa jsbeautifier como formateador para HTML): Microsoft / vscode # 31628_

Pasos para reproducir:

pegue el siguiente ejemplo en el 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>

establecer 'Ajustar líneas cerca de 120 caracteres'
formato
el resultado es

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

Observe los espacios innecesarios agregados antes de 'serie'

html bug

Fuente

aeschli

👍3

Todos 3 comentarios

@aeschli -
Excelente informe de errores.
Con los pasos de reproducción que proporcionaste, puedo reproducir el problema.

Veo que su comentario original decía que tiene "editor.wordWrap": "off". Pero luego los pasos de reproducción hablan y mencionan el ajuste de ajuste en 120. Para que wordWrap esté desactivado, establecería el valor de ajuste en 0. Entonces este problema no ocurre.

bitwiseman en 3 ago. 2017

@bitwiseman Perdón por la confusión. Ignore el comentario "editor.wordWrap": "off" . Esa es una configuración de VSCode y no está relacionada con el formato html. Actualizaré la descripción ...

aeschli en 4 ago. 2017

👍1

Veo lo mismo en VSCode 1.16.1, particularmente después de las etiquetas en línea ay de código.

Estoy usando "   " en lugar de espacios para evitar que aparezca el espacio en blanco no deseado (el espacio en blanco no deseado puede causar problemas en la salida).