Який інструмент може привести в дію HTML5? [зачинено]

Я вже витратив близько 2 годин на пошук google та спробу різних інструментів, але вони не роблять відступів тегів за скажімо, або вони не сумісні з HTML5, як-от відомий HTML-порядок, який востаннє оновлено 3 роки тому…

Примітка: Я не хочу застосовувати це до джерела сторінки (як, наприклад, 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 може не робити те, що ви хочете. Версія, яку я спробував, не робила цього.

Зараз є версія для HTML5, приведена тут, https://github.com/w3c/tidy-html5 .

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

Я смиренно пропоную Еспресо 2 .

З їх веб-сайту:

Єдиний CSSEdit 3 - нагородами візуальних інструментів CSSEdit, які зараз знаходяться в Еспресо. Завдяки чудовій підтримці CSS3 для градієнтів, тіней та іншого.

Попередній перегляд Інтернету за допомогою рентгенографії - Дізнайтеся, як ваш CSS впливає на макети веб-сторінок, візуалізуйте поля та прокладки та швидко знайдіть відповідні правила стилю для будь-якого елемента сторінки.

Потужне та ефективне кодування - CodeSense, складання коду, розумні фрагменти, кодування Дзен та Навігатор з перетягуванням допомагають вам писати кращий код за менший час.

Стилізовані трансляції та скасування - Відредагуйте CSS будь-якого веб-сайту та перегляньте його оновлення в режимі реального часу. Не потрібно зберігати, публікувати чи перезавантажувати. Експериментувати та налаштовувати ніколи не було такою забавою.

Легка синхронізація та публікація - за допомогою швидкої публікації, синхронізації та перегляду сервера ви маєте потрібний інструмент для будь-якого робочого процесу на основі сервера. Новий двигун Vroom надшвидкий.

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

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

Мовна підтримка - покращені HTML5, CSS3, JavaScript та PHP; абсолютно нові Ruby, Python, Apache та Markdown. Або розширити Еспресо за допомогою цукрів XML / JS.

Ви можете прочитати відгук від Mac Appstorm, щоб мати уявлення про якість. Вони дають 10/10 .

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

Щоб відрегулювати його, перейдіть до налаштувань -> web -> html-файлів -> редактора. Ви також можете контролювати перевірку тут. (Я використовую Eclipse v4.2.2.)

Зауважте, що редактор HTML вимагає, щоб ваша установка Eclipse включала платформу веб-інструментів ( детальну інформацію див. У цій відповіді ).

Якщо ви шукаєте інструмент Mac OS X, який виконує цю роботу, я б сказав TextMate .

Зазвичай я роблю багато разів відступ, і найкраще, що мені вдалося знайти, було саме таким.

Мені подобається те, що він насправді не переставляє ваш код, але він повторно відступає у формі, яка перевіряє вкладення та відступи за рівнем, а не за тегами .

Особливо корисна функція "Вибір відступу".

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

Dirtymarkup.com - це мій шлях до швидкого форматування HTML та JS.