Как заставить закрывать теги HTML на новой строке? - PullRequest
Новая
       25

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

0 голосов
/ 27 августа 2018

В VS Code я широко использую 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>

и после украсить: 

<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, он рискует нарушить форматирование .

Ответы [ 2 ]

0 голосов
/ 28 августа 2018

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

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

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

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

0 голосов
/ 27 августа 2018

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

<h1>

</h1>

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

...