Które narzędzie może uporządkować / wciąć HTML5? [Zamknięte]

Spędziłem już około 2 godzin na wyszukiwaniu w Google i wypróbowywaniu różnych narzędzi, ale albo nie robią tagów wcięcia na słowo, albo nie są kompatybilne z HTML5, takie jak słynny tidy HTML, który został ostatnio zaktualizowany 3 lata temu…

Uwaga: Nie chcę stosować tego do źródła strony (jak PHP lub JS), ale do kodu w edytorze, aby między tagami pojawiła się przejrzysta hierarchia.

Idealnie chciałbym mieć narzędzie Mac OS X, ale wezmę dowolne narzędzie online, aw ostatnim resotrze narzędzie kompatybilne z Wine.

PS w tej chwili używam Cody z Panic

Aptana Studio 2 robi to, co chcesz w menu Edycja> Format. Użyłem go i formatuje HTML, CSS i JavaScript.

Edytor WYSIWYG BlueGriffon może także formatować HTML podczas otwierania pliku.

Oba rozwiązania są darmowe i open source, ale Aptana może być lepsza. Nie jestem pewien, czy BG zachowuje cały kod bez zmian, prawdopodobnie nie.

Uwagi:

1. Aptana 2 musi zostać poprawnie skonfigurowana po instalacji, ale jest to świetny edytor HTML5 / CSS / javascript / IDE. Domyślna konfiguracja jest trochę do bani.
2. Aptana 3 może nie robić tego, co chcesz. Wersja, której próbowałem, nie zrobiła tego.

Dostępna jest teraz wersja Tidy HTML5, którą można znaleźć tutaj: https://github.com/w3c/tidy-html5 .

Szukałem narzędzia online i prawdopodobnie dlatego nic nie znalazłem.
Wskazano mi na plugin Coda PHP i Toolkit , który to robi. Również większość edytorów HTML, takich jak Taco, robi to natywnie (ale nie Coda).

Pokornie sugeruję Espresso 2 .

Z ich strony internetowej:

Jedyny CSSEdit 3 - wielokrotnie nagradzane narzędzia wizualne CSSEdit, teraz w Espresso. Dzięki niesamowitej obsłudze CSS3 dla gradientów, cieni i wielu innych przeglądarek.

Podgląd sieci z promieniowaniem rentgenowskim - Zobacz, jak twój CSS wpływa na układy stron, wizualizuj marginesy i wypełnianie, i szybko znajdź odpowiednie reguły stylu dla dowolnego elementu strony.

Wydajne i wydajne kodowanie - CodeSense, zwijanie kodu, inteligentne fragmenty, kodowanie Zen i przeciągnij i upuść Navigator pomagają pisać lepszy kod w krótszym czasie.

Stylizacja na żywo i przesłonięcia - Edytuj CSS dowolnej witryny i zobacz, jak aktualizuje się w czasie rzeczywistym. Nie trzeba zapisywać, publikować ani ponownie ładować. Eksperymentowanie i ulepszanie nigdy nie było tak zabawne.

Bezproblemowa synchronizacja i publikowanie - dzięki Quick Publish, Synchronizacji serwera i przeglądaniu masz odpowiednie narzędzie do dowolnego przepływu pracy opartego na serwerze. Nowy silnik Vrooma jest super szybki.

Obszar roboczy, który pasuje do Twojego przepływu pracy - innowacyjny obszar roboczy zapewnia elastyczność kart, jednocześnie płynnie integrując się z plikami projektu.

Fantastyczne znalezisko - igła i stóg siana, poznaj Espresso. Wyszukiwanie i zamiana w całym projekcie, Szybki filtr i pokolorowane wyrażenie regularne sprawiają, że wyszukiwanie plików lub tekstu jest dziecinnie proste.

Obsługa języków - Ulepszone HTML5, CSS3, JavaScript i PHP; zupełnie nowy Ruby, Python, Apache i Markdown. Lub rozszerz Espresso o XML / JS Sugars.

Możesz przeczytać recenzję Mac Appstorm, aby dowiedzieć się o jakości. Dają mu 10/10 .

Wygląda na to, że Eclipse wykonuje przyzwoitą pracę wcięcia / formatowania HTML5. Wystarczy użyć zwykłego polecenia formatu (Ctrl-Shift-F) na pliku HTML załadowanym do edytora HMTL, a on go sformatuje.

Aby to zmienić, przejdź do preferencji -> WWW -> pliki HTML -> edytor. Tutaj możesz także kontrolować sprawdzanie poprawności. (Używam Eclipse v4.2.2.)

Pamiętaj, że edytor HTML wymaga, aby instalacja Eclipse obejmowała platformę narzędzi internetowych (szczegółowe informacje znajdują się w tej odpowiedzi ).

Jeśli szukasz narzędzia Mac OS X, które spełnia tę funkcję, powiedziałbym, że TextMate .

Zazwyczaj robię wiele wcięć i najlepsze, jakie udało mi się znaleźć, to właśnie to.

Podoba mi się to, że tak naprawdę nie porządkuje kodu, ale ponownie go wcina , w formie, która sprawdza zagnieżdżanie i wcięcia według poziomu, a nie znaczników .

Funkcja „Wybór wcięcia” jest szczególnie przydatna.

JetBrains PhpStorm działa świetnie i intuicyjnie z wcięciami w HTML, CSS lub PHP. Rodzaj wcięcia (tabulatory lub spacje), które można zmienić w ustawieniach PHPStorm.

Dirtymarkup.com to moja droga do szybkiego formatowania HTML i JS.