Как переформатировать HTML-код, используя Sublime Text 2? - PullRequest
Новая
       113

Как переформатировать HTML-код, используя Sublime Text 2?

1258 голосов
/ 12 января 2012

У меня есть какой-то плохо отформатированный HTML-код, который я хотел бы переформатировать. Есть ли команда, которая автоматически переформатирует HTML-код в Sublime Text 2, чтобы он выглядел лучше и легче для чтения?

Ответы [ 15 ]

6 голосов
/ 23 апреля 2014

Есть хороший открытый код Плагин CodeFormatter , который (наряду с переопределением) может украсить грязный код, даже если он находится в одной строке.

6 голосов
/ 21 ноября 2012

У меня еще нет права комментировать, так что это просто дополнительная информация, связанная с answer выше ответа @ peter.

Я обнаружил, что HTML не выровнялся должным образом, если IE условные комментарии в заголовке не были полностью встроенными, например, влево: 

<!--[if lt IE 7]>
<p class='chromeframe'>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
5 голосов
/ 14 января 2012

Я думаю, это то, что вы ищете:

https://github.com/victorporof/Sublime-HTMLPrettify

3 голосов
/ 21 ноября 2014

Вы можете установить комбинацию клавиш F12 easy !!! 

{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }

см. Подробности здесь .

3 голосов
/ 19 февраля 2012

Я использую tidy вместе с пользовательской системой сборки для предварительного преобразования HTML.

У меня есть HTMLTidy.sublime-build в моем каталоге Packages / User /: 

{
  "cmd": ["tidy", "-config", "$packages/User/tidy_config.cfg", "$file"]
}

и файл tidy_config.cfg в одном каталоге: 

indent: auto
tab-size: 4
show-warnings: no
write-back: yes
quiet: yes
indent-cdata: yes
tidy-mark: no
wrap: 0

И просто выберите систему сборки и нажмите ctrl + b или cmd + b для переформатирования содержимого файла.Одна небольшая проблема заключается в том, что ST2 не перезагружает файл автоматически, поэтому для просмотра результатов необходимо переключиться на другой файл и обратно (или в другое приложение и обратно).

На Mac, который я использовалДля установки tidy в macports необходимо загрузить его самостоятельно и указать рабочий каталог в системе сборки, в котором находится tidy: 

"working_dir": "c:\\HTMLTidy\\"

или добавить его в PATH.

Страница:
...