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

13

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

html5 code Porteur d'eau
la source
2
Netbeans prend en charge le formatage de code via SHIFT + ALT + F, la plupart des éditeurs ont une fonction similaire - consultez le manuel de celui que vous utilisez. Voir aussi: groups.google.com/group/coda-users/browse_thread/thread/…
feeela
Netbeans le fait (thx) mais pas Coda comme le montre votre lien.
WaterBearer
Mais il y a deux autres programmes mentionnés dans la discussion liée qui font…
feeela
J'imagine que si vous regardez, vous trouverez une extension Coda qui ajoute la prise en charge des éléments HTML5.
Moïse,

Réponses:

6

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.
Osvaldo
la source
Personnellement, je ne l'aime pas pour l'IDE Eclipsish (je n'aime pas Eclipse: P).
Alerty
Aptana est un excellent programme pour html / css / js, garder une trace de l'ouverture et de la fermeture des crochets ou des accolades en javascript dans les fonctions vraiment grandes est une douleur dans dreamweaver.
Anagio
Merci, cela vient de me sauver la vie après avoir déplacé mes fichiers de projet d'un autre IDE vers Aptana et l'indentation a été gâchée. Je ré-indentais manuellement tous mes milliers et milliers de lignes. Dans Aptana 3, cela se trouve dans le menu Source> Format.
bowlerae
3

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

Porteur d'eau
la source
1

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 .

Alerty
la source
1

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

À M
la source
0

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.

AeroCross
la source
J'utilise textmate, quand ont-ils introduit une bonne action de formatage pour HTML? Veuillez partager, car tous ceux que j'ai trouvés ont été plutôt mauvais. Bien que j'utilise toujours 1.5.
davidcondrey
0

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.

webvitaly
la source
0

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

davidcondrey
la source