Какой инструмент может привести в порядок / отступ HTML5? [закрыто]

Я уже потратил около 2 часов на поиск в Google и пробовал различные инструменты, но либо они не используют теги отступа, либо они не совместимы с HTML5, например знаменитая HTML-версия, которая последний раз обновлялась 3 года назад…

NB Я не хочу применять это к источнику страницы (как это сделает PHP или JS), но к коду в редакторе, так что между тегами появляется четкая иерархия.

В идеале мне нужен инструмент Mac OS X, но я возьму любой онлайн-инструмент и, в конце концов, переустановлю Wine-совместимый инструмент.

PS на данный момент использую Coda от Panic

Aptana Studio 2 делает то, что вы хотите в меню Правка> Формат. Я использовал его, и он форматирует HTML, CSS и Javascript.

WYSIWYG-редактор BlueGriffon также может форматировать html при открытии файла.

Оба решения бесплатны и с открытым исходным кодом, но Aptana может быть лучше. Я не уверен, что BG сохранит весь код без изменений, вероятно, нет.

Примечания:

1. После установки Aptana 2 необходимо правильно настроить, но это отличный редактор html5 / css / javascript / IDE. Конфигурация по умолчанию отстой немного.
2. Aptana 3 может не делать то, что вы хотите. Версия, которую я пробовал, не делала этого.

Теперь есть версия tidy в формате HTML5, которую можно найти здесь: https://github.com/w3c/tidy-html5 .

Я искал онлайн-инструмент, и, вероятно, поэтому мне не удалось ничего найти.
Мне указали на плагин Coda PHP & Toolkit , который это делает. Также большинство редакторов HTML, таких как Taco, делают это изначально (но не Coda).

Я скромно предлагаю эспрессо 2 .

С их сайта:

Единственный CSSEdit 3 - отмеченные наградами визуальные инструменты CSSEdit, теперь в Espresso. С потрясающей поддержкой CSS3 для нескольких браузеров градиенты, тени и многое другое.

Предварительный просмотр в Интернете с помощью рентгеновских снимков - посмотрите, как ваш CSS влияет на макеты веб-сайтов, визуализируйте поля и отступы, и быстро найдите соответствующие правила стиля для любого элемента страницы.

Мощное и эффективное кодирование - CodeSense, свертывание кода, интеллектуальные фрагменты, Zen-кодирование и Навигатор с перетаскиванием помогут вам написать лучший код за меньшее время.

Live Styling and Overrides - редактируйте CSS любого веб-сайта и обновляйте его в режиме реального времени. Нет необходимости сохранять, публиковать или перезагружать. Эксперименты и настройки никогда не были такими забавными.

Синхронизация и публикация без усилий - благодаря быстрой публикации, синхронизации сервера и обзору у вас есть подходящий инструмент для любого серверного рабочего процесса. Новый двигатель Vroom очень быстрый.

Рабочая область, подходящая для вашего рабочего процесса. Инновационная рабочая область обеспечивает гибкость вкладок и плавную интеграцию с файлами проекта.

Фантастическая находка - иголки и стог сена, знакомьтесь с эспрессо. Поиск и замена всего проекта, быстрый фильтр и цветное регулярное выражение делают поиск файлов или текста на одном дыхании.

Поддержка языков - улучшены HTML5, CSS3, JavaScript и PHP; совершенно новые Ruby, Python, Apache и Markdown. Или расширить Espresso с XML / JS Sugars.

Вы можете прочитать обзор Mac Appstorm, чтобы иметь представление о качестве. Они дают это 10/10 .

Похоже, Eclipse отлично справляется с отступом / форматированием HTML5. Вы просто используете обычную команду форматирования (Ctrl-Shift-F) для файла HTML, загруженного в редактор HMTL, и он переформатирует его.

Чтобы настроить его, перейдите в настройки -> Интернет -> HTML файлы -> редактор. Вы также можете контролировать валидацию здесь. (Я использую Eclipse v4.2.2.)

Обратите внимание, что редактор HTML требует, чтобы ваша установка Eclipse включала платформу Web Tools (подробности см. В этом ответе ).

Если вы ищете инструмент Mac OS X, который делает эту работу, я бы сказал TextMate .

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

Что мне нравится, так это то, что он на самом деле не переупорядочивает ваш код, а переопределяет его в форме, которая проверяет вложенность и отступы по уровням, а не по тегам .

Функция «Выбор отступа» особенно полезна.

JetBrains PhpStorm отлично работает и интуитивно понятен с отступами в HTML, CSS или PHP. Тип отступа (табуляции или пробелы) вы можете изменить в настройках PHPStorm.

Dirtymarkup.com - мой способ быстрого форматирования HTML и JS.