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

13

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

WaterBearer
źródło
2
Netbeans obsługuje formatowanie kodu za pomocą SHIFT + ALT + F, większość edytorów ma podobną funkcję - sprawdź instrukcję używanego. Zobacz także: groups.google.com/group/coda-users/browse_thread/thread/…
feeela
Netbeans robi to (dzięki), ale nie Coda, jak pokazuje link.
WaterBearer
Są jednak dwa inne programy wspomniane w powiązanej dyskusji, które…
chargeela
Wyobrażam sobie, że jeśli spojrzysz, znajdziesz rozszerzenie Coda, które dodaje obsługę elementów HTML5.
Mojżesz

Odpowiedzi:

6

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.
Osvaldo
źródło
Osobiście nie lubię tego w Eclipsish IDE (nie lubię Eclipse: P).
Alerty
Aptana to świetny program do html / css / js, śledzenie otwierania i zamykania nawiasów klamrowych lub nawiasów klamrowych w javascript w naprawdę dużych funkcjach jest kłopotem we śnie.
Anagio,
Dziękuję, że właśnie uratowało mi to życie po przeniesieniu plików projektu z innego IDE do Aptany i pomieszaniu wcięć. Ręcznie wciskałem wszystkie moje tysiące na tysiące linii. W Aptana 3 jest to w menu Źródło> Format.
bowlerae
3

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).

WaterBearer
źródło
1

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 .

Alerty
źródło
1

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 ).

Tomek
źródło
0

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.

AeroCross
źródło
Korzystam z textmate, kiedy wprowadzili dobrą akcję formatowania HTML? Udostępnij, ponieważ wszystkie te, które znalazłem, były dość złe. Chociaż nadal używam 1.5.
davidcondrey
0

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.

webvitaly
źródło
0

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

Davidcondrey
źródło