У меня есть несколько плохо отформатированных HTML-кодов, которые я хотел бы переформатировать. Есть ли команда, которая автоматически переформатирует HTML-код в Sublime Text 2, чтобы он выглядел лучше и легче читался?
Вы Don'т нужны никакие плагины для этого.
Просто выбрать все строки (<и>сочетание клавиш Ctrl </роз><и>а</КБД и GT;) и затем в меню выберите Edit &ампер;остатки→; линия &ампер;остатки→; Reindent.
Это будет работать, если файл сохранен с расширением, которое содержит html как.HTMLили
.на PHP`.
Если вы делаете это часто, вы можете найти этот ключ отображение полезной:
{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }
Если файл не сохраняется (например, вставленный в фрагмент в новое окно), вы можете вручную задать язык для отступов, выбрав меню Вид &ампер;остатки→; синтаксис &ампер;остатки→; язык
, прежде чем выбрать reindent вариант.
Есть с полдюжины способов в формат HTML в Sublime. Я'протестировали каждый из самых популярных плагинов (см. рецензия Я сделал на мой блог для получения полной информации), но здесь'краткий обзор некоторых наиболее популярных вариантов:
Команда Reindent ##
Плюсы:
Минусы:
Плюсы:
Минусы:
Плюсы:
Минусы:
Плюсы:
Минусы:
Плюсы:
Минусы:
В HTML-и CSS-и JS приукрасить является победителем в моей книге. Много замечательных особенностей, сильно не жалуются.
Единственный пакет, который мне удалось найти, это Tag.
Вы можете установить его с помощью управления пакетами. https://sublime.wbond.net
После установки управления пакетами. Зайдите в управление пакетами (Preferences -> Package Control), затем введите install
, нажмите enter. Затем введите tag
и нажмите enter.
После установки Tag выделите текст и нажмите сочетание клавиш Ctrl+Alt+F.
Я рекомендую этот плагин: HTML и CSS/JS и приукрасить, это действительно работает.
После установки, просто выберите код и нажмите <и>Ctrl+сдвиг+ч</роз>.
Молодец!
Просто общий совет. Что я сделал с авто-прибраться в моем HTML, то было установить пакет HTML_Tidy, а затем добавьте следующий привязка клавиш к настройкам по умолчанию (который я использую):
{ "keys": ["enter"], "command": "html_tidy" },
это работает в HTML порядок с каждым ввод. Там может быть недостатки к этому, я'м довольно новыми для себя возвышенным, но это, кажется, делать то, что я хочу :)
Хотя вопрос для HTML, я бы тоже кроме как дать информацию о том, как авто-форматирования кода JavaScript для Sublime Текст 2;
Вы можете выбрать все код(<и>сочетание клавиш Ctrl</роз> + <и>а</КБД и GT;) и используйте в приложение функциональность, reindent ("редактировать" - и GT; строка
-> Reindent
) или вы можете использовать плагин форматирования JsFormat на возвышенное Текст 2`, Если вы хотели бы получить более настраиваемые параметры, как форматировать код в дополнение к возвышенному тексту'ы по умолчанию вкладку Параметры/отступ.
https://github.com/jdc0589/JsFormat
Вы можете легко установить JsFormat с помощью пакета управления ("Настройки" - > контрольный пакет
) открыть пакет управления тип установки, нажмите <и>введите</роз>. Затем введите в формате JS
и нажмите <и>введите</КБД>, вы'повторно сделано.
(Контроллер пакет будет показан статус установки с успехом и ошибки в левом нижнем баре "возвышенном")
Добавьте следующую строку в ваш горячие клавиши ("настройки" - > ключ привязки пользователя
)
{ "keys": ["ctrl+alt+2"], "command": "js_format"}
Я'м через <и>сочетание клавиш Ctrl</роз> + <и>альт</роз> + <и>2</роз> вы можете изменить эту клавишу, что вы хотите. Так далеко, JsFormat-это хороший плагин, стоит попробовать!
Надеюсь, это поможет кому-то.
Там'ы плагин называется SublimeHtmlTidy, которая работает довольно хорошо
Для меня, HTML-решение приукрасить
была чрезвычайно проста. Я пошел в HTML-страницу принаряжать.
возвышенное менеджер пакетов
приукрасить
HTML выбора приукрасить
в менюБум. Сделано. Выглядит здорово
Просто зайдите в
Правка-и GT; тег -> авто-теги форматирования документа
Я создал пакет под названием HTMLBeautify что делает достойную работу переформатирования HTML-код. Я его на основе Perl-скрипт я нашел еще в 1997 году я обновил его, чтобы работать со всеми новомодными современными теги. :)
Проверьте его и дайте мне знать, что вы думаете!
Я еще имею честь комментировать, так что это просто дополнительная информация, относящаяся к @Питер'ы ответ ответ выше.
Я нашел HTML-код не выровнять должным образом, если т. е. условные комментарии в заголовке не совсем в линию, например, заподлицо с левой:
<!--[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]-->
Есть хороший открытым исходным кодом плагин CodeFormatter, который(вместе reindenting) может украсить грязный код даже все это в одну строку.
Я использую 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 я'использовал macports для установки tidy, на Windows вам'придется скачать его самостоятельно и указать рабочий каталог в системе сборки, где находится tidy:
"working_dir": "c:\\HTMLTidy\\"
или добавить его в PATH.
вы можете установить горячие клавиши <и>Ф12</КБД> легкая!!!
{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }
подробно посмотреть здесь.