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

13

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

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

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

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

WaterBearer
источник
2
Netbeans поддерживает форматирование кода с помощью клавиш SHIFT + ALT + F, большинство редакторов имеют аналогичную функцию - проверьте руководство пользователя, которое вы используете. См. Также: groups.google.com/group/coda-users/browse_thread/thread/…
feeela
Netbeans делает это (спасибо), но не Coda, как показывает ваша ссылка.
WaterBearer
Но есть две другие программы, упомянутые в связанном обсуждении, которые делают ...
feeela
Я полагаю, если вы посмотрите, вы найдете расширение Coda, которое добавляет поддержку элементов HTML5.
Моисей

Ответы:

6

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

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

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

Примечания:

  1. После установки Aptana 2 необходимо правильно настроить, но это отличный редактор html5 / css / javascript / IDE. Конфигурация по умолчанию отстой немного.
  2. Aptana 3 может не делать то, что вы хотите. Версия, которую я пробовал, не делала этого.
Освальдо
источник
Лично мне это не нравится в Eclipsish IDE (мне не нравится Eclipse: P).
Оповещение
Aptana - отличная программа для html / css / js, отслеживание открывающих и закрывающих скобок или фигурных скобок в javascript в действительно больших функциях - боль в Dreamweaver.
Анагио
Спасибо, это только что спасло мне жизнь после перемещения файлов моего проекта из другой IDE в Aptana, и отступы испортились. Я вручную переопределял все свои тысячи на тысячи строк. В Aptana 3 это находится в меню «Источник»> «Формат».
Bowlerae
3

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

WaterBearer
источник
1

Я скромно предлагаю эспрессо 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 .

Alerty
источник
1

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

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

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

Том
источник
0

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

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

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

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

AeroCross
источник
Я использую textmate, когда они представили хорошее действие форматирования для HTML? Пожалуйста, поделитесь, так как все, что я нашел, были довольно плохими. Хотя я все еще использую 1.5.
davidcondrey
0

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

webvitaly
источник
0

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

davidcondrey
источник