Как изменить настройки параметров форматирования для файлов HTML?

Question

[Kerm]

Долгое время пользовался программой Sublime text 2, там стоял пакет Tag, который при сочетании клавиш ctrl+alt+f мог делать авто формат html кода, выравнивая его как надо, в Phpstorm нашел такую команду только для кода, пользуюсь для PHP/Python. У меня в связи с этим вопрос, есть ли для HTML кода что то подобное?

Comments

[Дмитрий]

Вроде оно и хтмл ровно делает

[JhaoDa]

Т.е. ты не пробовал открыть в шторме html-файл, тыцнуть это комбинацию кнопок и посмотреть, что получилось?

[Kerm]

JhaoDa, пробовал, не получилось

[JhaoDa]

Kerm, а у меня получилось.

[Kerm]

JhaoDa,

Вот я выделил нужную часть кода, нажал сочетание клавиш и не чего.

Вод код:

<header class="blog-header py-3">
        <div class="row flex-nowrap justify-content-between align-items-center">
            <div class="col-4 pt-1">
                <div class="input-group col-md-4">
                    <input class="form-control py-2" type="search" value="search" id="example-search-input">
                    <span class="input-group-append">
            <button class="btn btn-outline-secondary" type="button">
                <i class="fa fa-search"></i>
            </button>
          </span>
                </div>
            </div>
            <div class="col-4 text-center">
                <a class="blog-header-logo text-dark" href="#">Large</a>
            </div>
            <div class="col-4 d-flex justify-content-end align-items-center">
                <a class="text-muted" href="#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mx-3"><circle cx="10.5" cy="10.5" r="7.5"></circle><line x1="21" y1="21" x2="15.8" y2="15.8"></line></svg>
                </a>
                <a class="btn btn-sm btn-outline-secondary" href="#">Sign up</a>
            </div>
        </div>
    </header>

А вот аналогично в sublime text 2, выделил нужную часть кода, и все выровнялось как нужно:

[JhaoDa]

Kerm, ну так, может, надо настроить, чтобы «все выровнялось как нужно»?

[Kerm]

JhaoDa, нет, в sublime я не чего не настраивал, там по умолчанию делает отступы у тэгов отображая их вложенность, я не знаю что Вы подразумеваете под "авто форматом HTML кода", но у меня под этим подразумевается авто форматирование кода с отображением структуры вложенности тэгов и именно про это я спрашивал в своем вопросе, есть ли в Phpstorm такая функция или плагин для этого.

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

[Иван Шумов]

Kerm, в настройках, очевидно) это единственное место. Там все отступы и шаблоны редактируются только в путь, но это делают очень редко и только под особые требования. Из коробки то что шторм делает иначе не означает что он делает это хуже

Answer 1

[DevMan]

https://www.jetbrains.com/help/phpstorm/settings-c...

Comments

[Kerm]

Спасибо тебе! 10 раз туда заглядывал и вот решил изучить детальнее и нашел то, что мне нужно было во вкладке Other в полях insert new lines before, inline elements и keep white spaces inside.

[Kerm]

Вилы Выкидные,

File->Settings->Code Style->Html

Там переходим во вкладку Other и листаем вниз, для примера с правой стороны можно вставить свой код и смотреть как он будет форматироваться когда мы будем изменять параметры.

В поле Insert new line before я вставил: body,div,p,form,h1,h2,h3,ul,li,ol,a,table,tr,td,tbody,thead,span,link,meta,img,textarea,i,button

В поле Inline elements я вставил:
abbr,acronym,b,basefont,bdo,big,br,cite,cite,code,dfn,em,font,kbd,q,s,samp,small,strike,strong,sub,sup,tt,u,var

В поле Keep white spaces inside я оставил:
pre,textarea

По смыслу можно подстроить под себя эти поля, очень удобно.