Quel outil peut ranger / mettre en retrait HTML5? [fermé]

J'ai déjà passé environ 2 heures à chercher sur Google et à essayer divers outils, mais soit ils ne font pas de retrait par mot ou ils ne sont pas compatibles HTML5 comme le fameux HTML tidy qui a été mis à jour pour la dernière fois il y a 3 ans…

NB Je ne veux pas appliquer cela à la source d'une page (comme le ferait PHP ou JS) mais au code dans l'éditeur pour qu'une hiérarchie claire apparaisse entre les balises.

Idéalement, j'aimerais un outil Mac OS X, mais je prendrai n'importe quel outil en ligne et, en dernier, je remettrai en place un outil compatible Wine.

PS en ce moment j'utilise Coda de Panic

Aptana Studio 2 fait ce que vous voulez dans le menu Edition> Format. Je l'ai utilisé et il formate html, css et javascript.

L'éditeur WYSIWYG BlueGriffon peut également formater le html lorsque vous ouvrez un fichier.

Les deux solutions sont gratuites et open-source, mais Aptana pourrait être mieux. Je ne sais pas si BG garde tout le code inchangé, probablement pas.

Remarques:

1. Aptana 2 doit être correctement configuré après son installation, mais c'est un excellent éditeur / IDE html5 / css / javascript. La configuration par défaut craint un peu.
2. Aptana 3 pourrait ne pas faire ce que vous voulez. La version que j'ai essayée ne l'a pas fait.

Il y a maintenant une version HTML5 de tidy, trouvée ici: https://github.com/w3c/tidy-html5 .

Je cherchais un outil en ligne et c'est probablement pourquoi je n'ai rien trouvé.
J'ai été pointé vers le plugin Coda PHP & Toolkit qui le fait. La plupart des éditeurs HTML comme Taco le font nativement (mais pas Coda).

Je suggère humblement l' Espresso 2 .

Depuis leur site Web:

Le seul et unique CSSEdit 3 - les outils visuels primés de CSSEdit, désormais intégrés à Espresso. Avec un support CSS3 impressionnant pour les dégradés multi-navigateurs, les ombres et plus encore.

Aperçu Web avec rayons X - Découvrez comment votre CSS affecte les mises en page Web, visualisez les marges et le remplissage et trouvez rapidement les règles de style pertinentes pour tout élément de page.

Codage puissant et efficace - CodeSense, le pliage de code, les extraits intelligents, le codage Zen et le navigateur par glisser-déposer vous aident à écrire un meilleur code en moins de temps.

Live Styling and Overrides - Modifiez le CSS d'un site Web et voyez-le se mettre à jour en temps réel. Pas besoin d'enregistrer, de publier ou de recharger. Expérimenter et peaufiner n'a jamais été aussi amusant.

Synchronisation et publication sans effort - Avec la publication rapide, la synchronisation et la navigation sur le serveur, vous disposez du bon outil pour tout flux de travail sur serveur. Le nouveau moteur Vroom est ultra-rapide.

Un espace de travail qui s'adapte à votre flux de travail - L'espace de travail innovant vous offre la flexibilité des onglets tout en s'intégrant facilement à vos fichiers de projet.

Fantastic Find - Needle and haystack, meet Espresso. La recherche et le remplacement à l'échelle du projet, le filtre rapide et l'expression régulière colorisée facilitent la recherche dans les fichiers ou le texte.

Prise en charge des langues - HTML5, CSS3, JavaScript et PHP améliorés; tout nouveau Ruby, Python, Apache et Markdown. Ou étendez Espresso avec XML / JS Sugars.

Vous pouvez lire une critique de Mac Appstorm pour avoir une idée de la qualité. Ils lui donnent 10/10 .

Eclipse semble faire un travail décent de retrait / formatage HTML5. Vous utilisez simplement la commande de formatage habituelle (Ctrl-Shift-F) sur un fichier HTML chargé dans l'éditeur HMTL et il le reformatera.

Pour l'ajuster, allez dans préférences -> web -> fichiers html -> éditeur. Vous pouvez également contrôler la validation ici. (J'utilise Eclipse v4.2.2.)

Notez que l'éditeur HTML requiert que votre installation Eclipse inclue la plate-forme des outils Web (voir cette réponse pour plus de détails).

Si vous recherchez un outil Mac OS X qui fait le travail, je dirais TextMate .

Je fais habituellement beaucoup de ré-indentations et la meilleure que j'ai pu trouver est celle-là.

Ce que j'aime, c'est qu'il ne réorganise pas réellement votre code, mais qu'il le ré-indente , sous une forme qui vérifie l'imbrication et les retraits par niveau, pas par balises .

La fonction "Sélection de retrait" est particulièrement utile.

JetBrains PhpStorm fonctionne très bien et intuitivement avec des retraits en HTML, CSS ou PHP. Type de retrait (tabulations ou espaces) que vous pouvez modifier dans les paramètres PHPStorm.

Dirtymarkup.com est mon choix pour formater rapidement HTML et JS.