У меня плохо отформатированный HTML-код, который я хотел бы переформатировать. Есть ли команда, которая автоматически переформатирует HTML-код в Sublime Text 2, чтобы он выглядел лучше и легче читался?
15 ответов
вам не нужны никакие плагины для этого. Просто выберите все строки ( Ctrl A ), а затем в меню выберите Edit → Line → Reindent. Это будет работать, если ваш файл будет сохранен с расширением, которое содержит HTML, как .html или .php .
если вы делаете это часто, вы можете найти этот ключ отображение полезной:
если ваш файл не сохранен (например, вы просто вставили фрагмент в новое окно), вы можете вручную установить язык для отступ, выбрав меню Вид → синтаксис → language of choice перед выбором параметра reindent.
есть полдюжины или около того способов форматирования HTML в Sublime. Я протестировал каждый из самых популярных плагинов (см. запись, которую я сделал в своем блоге для полной информации), но вот краткий обзор некоторых из наиболее популярных вариантов:
команда Reindent
- поставляется с Sublime, поэтому не требуется установка плагина
- не удаляет дополнительный пробел линии
- не может обрабатывать уменьшенный HTML, строки с несколькими открытыми тегами
- неправильно форматирует
есть хороший открытый исходный код плагин CodeFormatter, который (наряду с переиндентированием) может украсить грязный код, даже все это находится в одной строке.
Я думаю, что это то, что вы ищете:
вы можете установить сочетания клавиш F12 легко.
Я использую порядок вместе с пользовательской системой сборки для улучшения HTML.
У меня есть HTMLTidy.sublime-сборка в моих пакетах / User / directory:
и tidy_config.cfg файл в том же каталоге:
и просто выберите build system и нажмите ctrl + b или cmd + b переформатировать содержимое файла. Одна из незначительных проблем заключается в том, что ST2 автоматически не перезагружает чтобы увидеть результаты, вам нужно переключиться на другой файл и обратно (или на другое приложение и обратно).
на Mac я использовал macports для установки tidy, в Windows вам придется загрузить его самостоятельно и указать рабочий каталог в системе сборки, где находится tidy:
Как настроить в Sublime 3 автоформатирование кода?
Допустим, я вставил HTML код в Sublime Text. Этот код с одинаковой табуляцией, соответственно, получается каша.
Как сделать так, чтобы при определённом действии код сам форматировался и принимал нормальный вид?
1 ответ 1
Стандартными средствами
Preferences → Key Bindings — User
Если файл пустой, то вставить код полностью.
Если нет, то добавить объект в массив, как добавляли бы его в JSON.
Данный код позволяет по нажатию комбинации CTRL + ALT + L отформатировать код во всем файле или только внутри выделенного фрагмента.
С помощью стороннего плагина
Есть плагин Sublime-HTMLPrettify. Ему нужен установленный node.js для работы.
Может читать настройки из .jsbeautifyrc файла.
Установка:
- Нажмите CTRL + SHIFT + P или CMD + SHIFT + P в Linux/Windows/OS X
- Наберите install , выберите Package Control: Install Package
- Наберите prettify , выберите HTML-CSS-JS Prettify
Использование (любой из вариантов)
Подскажите, пожалуйста, можно ли настроить SublimeText 3 таким образом, чтобы он автоматически выравнивал/структурировал html код, когдя я его вставляю/пишу.
Вот примерно то, что я хочу Инструмент для форматирования HTML кода
Возможно какой то плагин. Не могу понять какой и как его настроить.
- Вопрос задан более трёх лет назад
- 89684 просмотра
Дело в том, что автоформатирование не всегда требуется, иногда (у меня по крайней мере очень часто) нужно оставить оригинальное форматирование в бОльшей части кода.
По умолчанию автоформатирование кода (расставление отступов, автозакрытие тегов) включено. Если требуется форматировать код — просто выделите его (для надёжности ещё можно нажать Ctrl+J) и выровняйте встроенными средствами, способы приведены выше (или через контекстное меню)