Как принудительно закрыть теги HTML в новой строке?

В VS Code я широко использую Beautify. Но меня расстраивает, что закрывающие теги всегда переносятся на ту же строку, что и «плавающий» текст или самозакрывающиеся теги. Например, перед Beautify :

<div class="wrap">
    <img src="/wp-content/uploads/2018/08/image.png">
</div>
<div class="wrap">This is just some text
    <strong>but it needs to be emphasized</strong>! And then some...
</div>

И после Beautify :

<div class="wrap">
    <img src="/wp-content/uploads/2018/08/image.png"> </div>
<div class="wrap">This is just some text
    <strong>but it needs to be emphasized</strong>! And then some... </div>

Есть ли настройка или другое расширение, которое может помочь приблизить код к тому, как он выглядит в первом примере, или я просто делаю что-то неправильно?

В большинстве случаев это не имеет большого значения, кроме того, что на мой вкус немного уродливо, но вчера я увидел, что это на самом деле создает проблемы с Wordpress, я просто больше не могу использовать Beautify, это рискует нарушить форматирование.


person LeKevoid    schedule 27.08.2018    source источник


Ответы (2)


Невозможно принудительно перевести конечные теги на новые строки.

Одна настройка, которая помогает, это preserve_newlines. Включение этого должно препятствовать тому, чтобы ваши теги возвращались на ту же строку, если они у вас есть на своей собственной строке.

Версия 1.8.1 js-beautify (библиотека, лежащая в основе Beautify для VSCode) улучшает поведение в этой области, но по-прежнему не имеет возможности принудительно переносить конечные теги на новые строки.

По этому поводу было зарегистрировано несколько проблем, в том числе #1468 и #1413. PR всегда приветствуется.

person BitwiseMan    schedule 28.08.2018
comment
Вы знаете, как отключить его? Я считаю, что та же логика, которая управляет конечными тегами, управляет комментариями кода. Оба они не могут использоваться в файлах HTML или PHP. - person Ben Racicot; 08.09.2018
comment
Комментарии к коду: не уверен, зависит от ввода. Неиспользуемый в каком смысле? - person BitwiseMan; 14.09.2018
comment
комментарии не раскомментируются правильно. Они оставляют рядом --> или двойной комментарий. Теги не работают с любым типом кода вставки. Изменение тега не приводит к обновлению его сопряжения и т. д. cloudinary.com/dgu7vsmfd/image/upload/v1536948417/ - person Ben Racicot; 14.09.2018
comment
@BenRacicot Я не уверен, что ты говоришь. Пожалуйста, задайте вопрос или зайдите на канал проекта Gitter. - person BitwiseMan; 02.10.2018

Я не знаю об этом. Если вам нужен результат, аналогичный верхнему фрагменту кода, вы можете использовать Glitch.Com, созданный людьми, которые создали stackoverflow. Glitch размещает ваш веб-сайт (website.glitch.com) и имеет хороший редактор, не говоря уже о перемотке проекта, если вы хотите вернуться к предыдущей версии. У вас также есть светлая и темная тема. Он автоматически закрывает такие теги

<h1>

</h1>

Я думаю, что это идеально по сравнению с любым другим редактором, у вас также может быть несколько файлов ... загрузка не требуется. Автосохранение и идеально подходит для любого разработчика :3

person LightningDEV    schedule 27.08.2018
comment
Отлично, за исключением того факта, что ОП специально сказал код VS. - person jhpratt; 27.08.2018