web-dev-qa-db-fra.com

Comment mettre en retrait des balises HTML dans Notepad ++

J'ai installé Notepad ++. Comment faire en sorte que les étiquettes soient automatiquement indentées, en particulier lors de l'imbrication? Toutes les balises semblent s'aligner à gauche de l'écran.

68
Deke

Utilisez le plugin XML Tools pour Notepad ++ et vous pourrez alors indenter automatiquement le code avec Ctrl+Alt+Shift+B .Pour plus de clics, vous pouvez aussi aller à Plugins -> Outils XML -> Pretty Print.

71
ahjohnston25

Les réponses à cette question sont non seulement fausses, mais dangereuses. CTRL + ALT + MAJ + B n'indenteront pas HTML mais XML. Considérons le code HTML suivant:

<span class="myClass"></span>

La fonction 'Notepad ++ -> Plugins -> XmlTools -> Pretty print (XML uniquement avec des sauts de ligne)' (CTRL + ALT + SHIFT + B) transformera ceci en:

<span class="myClass"/>

qui ne sera plus affiché correctement par votre navigateur! Je déconseille fortement d'utiliser cette fonction pour indenter HTML.

Utilisez plutôt le plugin Tidy2. Cela indenterait le code HTML correctement sans effets secondaires néfastes (mais cela créerait également des éléments <html>, <head>, <body>, ... autour de votre code, s'ils ne s'y trouvaient pas).

39
Constantin

Étape 1: Ouvrez le gestionnaire de plug-in dans Notepad ++.

Plugins -> Gestionnaire de plugins -> Afficher le gestionnaire de plugins.

Étape 2: installer le plugin XML Tool

Recherchez "XML TOOLS" dans "Disponible" puis cliquez sur installer.

Maintenant, vous pouvez utiliser la touche de raccourci CTRL + ALT + MAJ + B pour mettre en retrait le code.

21
ankur jain

J'ai une solution pour toi.

Vous devez juste installer un plugin nommé Indent By Fold.

Vous pouvez l'installer en passant par Plugins -> Plugin Manager -> Show Plugin Manager. OR Plugins -> Plugins Admin -> chekmark Indent By Fold from list que installer

Ensuite, il suffit de sélectionner l'élément de la liste et tout ce dont vous avez besoin est de taper le premier mot, puis vous l'avez.

vous pouvez utiliser ce plugin à partir d'un plugin dans la barre de menus.


8

En vous appuyant sur réponse de Constantin , voici l'essentiel de ce que j'ai appris lors de la transition vers Notepad ++ en tant qu'éditeur HTML principal.

Installer Notepad ++ 32-bit

Il n'y a pas de version 64 bits de Tidy2 ni d'autres plugins populaires. La version 32 bits de NPP présente peu d'inconvénients pratiques. Par conséquent, utilisez la version 64 bits.

Installez le Gestionnaire de plugins

Le gestionnaire de plug-in n'est pas strictement nécessaire à l'utilisation du plug-in. Cela rend les choses beaucoup plus faciles, cependant.

Le gestionnaire de plug-in était éliminé du paquet de base, apparemment parce que le développeur n'aimait pas les liens d'attribution inclus.

Vous remarquerez peut-être que le plug-in Plugin Manager a été supprimé de la distribution officielle. La raison en est que Plugin Manager contient la publicité dans sa boîte de dialogue. Je déteste les annonces dans les applications et je vous assure qu'il n'y en avait pas et qu'il n'y en aura jamais dans le Bloc-notes ++.

C'est une installation manuelle, mais ce n'est pas difficile.

  1. Téléchargez le paquet Zip UNI (32 bits) et extrayez-le. À l'intérieur, vous verrez des dossiers appelés plugins et updater . Chacun contient un fichier.
  2. Faites glisser ces deux fichiers vers les dossiers portant le même nom dans le répertoire d'installation de Notepad ++. C'est typiquement C:\Program Files (x86)\Notepad++.
  3. Redémarrez Notepad ++ et suivez les instructions d'installation/de mise à jour.

Vous verrez maintenant une nouvelle entrée sous Plugins pour le gestionnaire de plugins.

Installez Tidy2 (ou votre alternative préférée)

Dans Plugin Manager, cochez la case Tidy2. Cliquez sur Installer. Redémarrez à l'invite.

Pour utiliser Tidy2, sélectionnez l'un des profils préconfigurés dans son élément de sous-menu Plugins ou créez le vôtre.

1
isherwood

Sur Notepadd ++ v7.5.9 (32 bits), le plug-in "Indent by fold" fonctionne correctement avec le contenu HTML.

  1. Rechercher et installer dans le plugin manager
  2. Utilisez "Plugins"> "Retrait par pli"> "Fichier de réindent"

https://www.fesevur.com/indentbyfold/

0
Daweb