Js-beautify: Результат «Форматировать документ» является странным для определенного содержимого HTML.

Созданный на 3 авг. 2017 · 3Комментарии · Источник: beautify-web/js-beautify

_From @slayerxj 28 июля 2017 г., 7:28_
_ Первоначально сообщалось о VSCode (который использует jsbeautifier в качестве средства форматирования для HTML): 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. Чтобы отключить перенос по словам, вы должны установить значение переноса на 0. Тогда эта проблема не возникает.

bitwiseman 3 авг. 2017

@bitwiseman Извините за недоразумение. Игнорируйте комментарий "editor.wordWrap": "off" . Это параметр VSCode и не связан с форматированием html. Обновлю описание ...

aeschli 4 авг. 2017

👍1

Я вижу то же самое в VSCode 1.16.1, особенно после встроенных тегов a и code.

Я использую «   » вместо пробелов, чтобы предотвратить появление нежелательных пробелов (нежелательные пробелы могут вызвать проблемы при выводе).