J’ai un code HTML mal formaté que je voudrais reformater. Y at-il une commande qui reformate automatiquement le code HTML dans la Sublime texte 2 donc il est plus beau et plus facile à lire ?
Réponses
Trop de publicités?
Vous n'avez pas besoin de plugins pour ce faire.
Il suffit de sélectionner toutes les lignes (Ctrl A) et ensuite dans le menu, sélectionnez Modifier → Ligne → Reindent.
Cela ne fonctionnera que si votre fichier est enregistré avec une extension qui contient le code HTML comme .html ou .php.
Si vous le faites souvent, vous pouvez trouver ce mappage de touches utiles:
{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }
Si votre fichier n'est pas enregistré (par exemple, vous venez de coller un extrait d'une nouvelle fenêtre), vous pouvez définir manuellement la langue pour l'indentation en sélectionnant le menu Affichage → Syntaxe → language of choice avant de choisir le reindent option.
Josh Earl
Points
6462
Il y a une demi-douzaine de façons de format HTML dans le Sublime. J'ai testé chaque les plus populaires de plugins (voir l' article que j'ai fait sur mon blog pour plus de détails), mais voici un bref aperçu de certaines des options les plus populaires:
Reindent commande
Pour:
- Livré avec Sublime, donc pas de plugin à installer nécessaire
Inconvénients:
- Ne pas supprimer les lignes vides
- Ne peut pas gérer minifiés HTML, les lignes avec plusieurs balises ouvertes
- N'est pas correctement le format
<script>blocs
Tag
Pour:
- Prend en charge ST2 et ST3
- Supprime les lignes vides supplémentaires
- Pas de dépendances binaires
Inconvénients:
- Étouffe sur des balises PHP
- Ne pas manipuler
<script>blocs correctement
HTMLTidy
Pour:
- Poignées de balises PHP
- Certains paramètres à ajuster mise en forme
Inconvénients:
- Nécessite PHP (revient à un service web)
- ST2 seulement
- Abandonné?
HTML-CSS-JS Embellir
Pour:
- Prend en charge ST2 et ST3
- Poignées HTML, CSS, JS
- Une grande intégration avec la Sublime menus
- Hautement personnalisable
- Par les paramètres de projet
- Format sur l'option de sauvegarde
Inconvénients:
- Nécessite Node.js
- Pas génial pour du PHP
Qui est le meilleur?
HTML-CSS-JS Embellir est le gagnant dans mon livre. Beaucoup de fonctionnalités, pas grand chose à redire.
dardub
Points
1583
Le seul paquet que j'ai pu trouver la Balise.
Vous pouvez l'installer à l'aide du package de contrôle. https://sublime.wbond.net
Après l'installation du package de contrôle. Allez pour le package de contrôle (Préférences -> Contrôle du Paquet) puis tapez install, frapper enter. Puis tapez tag et frapper enter.
Après l'installation de la Balise, mettez le texte en surbrillance et appuyez sur le raccourci Ctrl+Alt+F.
Anneke
Points
261
Juste un Conseil général. Ce que j’ai fait à auto-tidy ce fut mon HTML, installer le paquet HTML_Tidy et ajoutez le keybinding suivant les paramètres par défaut (que j’utilise) :
Cela exécute HTML Tidy avec chaque entrée. Il peut y avoir d’inconvénients à cela, je suis tout à fait nouveau pour moi Sublime, mais il semble faire ce que je veux :)
Gokhan Tank
Points
2365
Bien que la question est pour le HTML, je voudrais en outre, comme pour donner des informations sur la façon d' automatique-format de votre code Javascript pour Sublime Text 2;
Vous pouvez sélectionner tout le code(ctrl+A) et de l'utiliser dans l'application de la fonctionnalité, reindent(Edit -> Ligne> Reindent) ou vous pouvez utiliser JsFormat mise en forme de plugin pour Sublime Text 2 si vous souhaitez avoir plus de paramètres personnalisables sur la façon de formater votre code de plus de la Sublime Texte par défaut de l'onglet/paramètres de retrait.
https://github.com/jdc0589/JsFormat
Vous pouvez facilement installer JsFormat avec l'aide de Paquet de Contrôle (Préférences -> le Paquet de Contrôle) Ouvrez le paquet de contrôle type d'installation, appuyez sur entrée. Ensuite, tapez "js format" et appuyez sur entrée, vous avez terminé. (Le paquet de contrôleur affiche l'état de l'installation avec succès et des erreurs sur le bas à gauche de la barre de Sublime)
Ajoutez la ligne suivante à votre clé de liaisons (Préférences> raccourcis clavier de l'Utilisateur)
{ "keys": ["ctrl+alt+2"], "command": "js_format"}
Je suis à l'aide de ctrl+alt+2, vous pouvez modifier cette touche de raccourci, ce que vous voulez. Jusqu'à présent, JsFormat est un bon plugin, la peine de l'essayer!
Espérons que cela aidera quelqu'un.
