DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Editeurs / Editeur de code
  • Présentation
  • Surlignage des éléments sélectionnés
  • Sélection sous l'éditeur de code
  • Sélectionner des lignes de code
  • Sélection en rectangle
  • Sélection par niveau de blocs
  • Manipulation d'une ou de plusieurs lignes de code
  • Sélection de lignes de code
  • Déplacement de lignes de code
  • Duplication de lignes de code
  • Supprimer des parties de lignes de code
  • Passer à la ligne suivante
  • Information sur les lignes de code sélectionnées
  • Inversion d'une affectation
  • Manipuler plusieurs lignes de code (multicurseur)
  • Ajout automatique de guillemets / crochets ou parenthèses
  • Passage de texte en majuscules/minuscules
  • Suppression des lignes vides
  • Fenêtre de description de l'élément en cours depuis l'éditeur de code
  • Déplacement de procédures ou de méthodes
  • Création d'une procédure au clavier
WINDEV
WindowsLinuxJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac Catalyst
Autres
Procédures stockées
Présentation
L'éditeur de code est certainement l'éditeur dans lequel un développeur passe le plus de temps.
Cette page d'aide présente différentes options utiles pour une manipulation quotidienne :
Surlignage des éléments sélectionnés
Dans l'éditeur de code, à chaque fois que le curseur est placé sur un identifiant (variable, procédure, fichier de données, ...), toutes les utilisations de cet identifiant dans le code courant sont surlignées.
Mise en surbrillance
De même, si le curseur de la souris est positionné sur une instruction de bloc (SI, ALORS, SINON, POUR, FIN, BOUCLE, QUAND EXCEPTION DANS, ...), les différents éléments de ce bloc sont surlignés.
Surbrillance bloc de code
Remarque : Le survol des mots-clés secondaires (SINON, FIN, ...) affiche la condition associée dans une bulle.
Condition dans une bulle
Enfin, la ligne en cours est également rapidement identifiable grâce à des pointillés permettant de surligner la ligne courante.
Mise en évidence de la ligne en cours
Toutes ces options peuvent être modifiées si nécessaire.
Pour modifier les options de surlignage :
  1. Affichez la fenêtre de configuration de l'éditeur de code : sous le volet "Accueil", dans le groupe "Environnement", déroulez "Options" et sélectionnez "Options de l'éditeur de code".
  2. Dans l'onglet "Code", sélectionnez si nécessaire les options suivantes :
    • "Surligner les blocs de code (SI/ALORS/FIN, parenthèses, ...)".
    • "Surligner la ligne courante".
    • "Surligner la déclaration et les utilisations de la variable".
  3. Validez.
Remarque : Toutes les couleurs utilisées pour le surlignage des éléments peuvent être configurées dans l'onglet "Coloration" de la fenêtre de configuration de l'éditeur de code.
Sélection sous l'éditeur de code

Sélectionner des lignes de code

Pour réaliser une sélection simple :
  • Un simple clic positionne le curseur.
  • Un double clic sélectionne le mot.
  • Un triple clic sélectionne la ligne.
  • Un quadruple clic sélectionne tout le texte.
Lors d'une sélection sous l'éditeur de code, la coloration du code est conservée.
Remarque : Pour sélectionner le mot associé au curseur, vous pouvez également utiliser le raccourci Ctrl + Maj + E.

Sélection en rectangle

Il est possible de sélectionner une zone rectangulaire de texte sous l'éditeur de code (horizontale ou verticale). Cette zone pourra être copiée/coupée puis collée.
Pour réaliser une sélection en rectangle :
  1. Positionnez le curseur au début de la zone à sélectionner.
  2. Appuyez sur la touche Alt et maintenez cette touche enfoncée.
  3. Appuyez sur le bouton gauche de la souris et sélectionnez la zone voulue.
Remarque : Cette sélection peut également être effectuée au clavier :
  1. Positionnez le curseur au début de la zone à sélectionner.
  2. Utilisez la combinaison de touches Alt + Maj + Flèches (haut, bas, droit, gauche) pour sélectionner la zone voulue.
La zone peut ensuite être copiée/coupée avec le menu contextuel.
Sélection en rectangle
Remarque : Lorsque la zone est collée vers une zone rectangulaire, le texte copié s'insère également en rectangle.
Sélection en rectangle

Sélection par niveau de blocs

Il est possible de réaliser une sélection par niveau de blocs de code.
Pour réaliser une sélection par niveau de blocs :
  1. Positionnez le curseur dans le bloc à sélectionner.
  2. Utilisez la combinaison de touches Ctrl + Alt + Flèche haut pour sélectionner le bloc au-dessus du curseur. Répétez cette opération autant de fois que nécessaire.
  3. Utilisez la combinaison de touches Ctrl + Alt + Flèche bas pour dé-sélectionner le bloc au-dessus du curseur. Répétez cette opération autant de fois que nécessaire.
Manipulation d'une ou de plusieurs lignes de code

Sélection de lignes de code

  • Un simple clic positionne le curseur.
  • Un double clic sélectionne le mot.
  • Un triple clic sélectionne la ligne.
  • Un quadruple clic sélectionne tout le texte.

Déplacement de lignes de code

Une zone sélectionnée (une ou plusieurs lignes de code) peut être déplacée au clavier directement par la combinaison de touches Alt + Flèche Haut ou Alt + Flèche Bas.

Duplication de lignes de code

La duplication de lignes de code (Ctrl + D) fonctionne aussi bien sur une ligne que sur une sélection de lignes de code.

Supprimer des parties de lignes de code

Pour supprimer :
  • le code de la ligne avant le curseur : Ctrl + Maj + Retour arrière
  • le code de la ligne après le curseur : Ctrl + Maj + Suppr

Passer à la ligne suivante

Lors de la saisie de code, pour passer à la ligne suivante, il est possible d'utiliser en fin de ligne :
  • la touche Entree,
  • la touche Flèche droite.

Information sur les lignes de code sélectionnées

Lors de la sélection d'une ou de plusieurs lignes de code, la barre d'état de l'éditeur de code affiche les informations suivantes :
SEL <Nombre de caractères de la sélection>|<Nombre de lignes sélectionnées>

Par exemple, la sélection de 3 lignes de code pourra afficher :
50|3

Inversion d'une affectation

Pour inverser une affectation :
  1. Sélectionnez la ligne de code contenant l'affectation.
  2. Utilisez la combinaison de touches Ctrl + Alt + = pour inverser l'affectation.
Par exemple, le code :
nx est un entier
ny est un entier

nx = ny
devient :
nx est un entier
ny est un entier

ny = nx
Nouveauté 2025
Manipuler plusieurs lignes de code (multicurseur)
L'utilisation de la fonctionnalité "multicurseur" permet d'effectuer une même manipulation simultanément à plusieurs endroits de l'éditeur de code, là où les différents curseurs sont positionnés.
Il est ainsi possible de :
  • Insérer le même texte simultanément à plusieurs endroits.
  • Renommer plusieurs occurrences en une seule manipulation.
Pour définir plusieurs curseurs, il suffit d'utiliser la combinaison de touches CTRL + Alt et de cliquer sur l'emplacement du curseur supplémentaire.
Les modifications suivantes effectuées avec le clavier seront effectuées par tous les curseurs.
Pour supprimer un des curseurs, il suffit d'utiliser à nouveau la combinaison de touches Ctrl + Alt et de cliquer sur l'emplacement du curseur à supprimer.
Pour supprimer tous les curseurs, il suffit de cliquer dans l'éditeur de code.
Remarque : Il est possible de configurer la taille du curseur et sa vitesse de clignotement dans les options de l'éditeur de code (onglet "Styles").
Ajout automatique de guillemets / crochets ou parenthèses
Pour ajouter automatiquement des guillemets, crochets ou parenthèses :
  1. Sélectionnez un ou plusieurs mots dans l'éditeur de code.
  2. Appuyez sur la touche guillemets, crochet ou parenthèse.
  3. Le texte sélectionné est automatiquement encadré par 2 guillemets, 2 crochets ou 2 parenthèses.
Passage de texte en majuscules/minuscules
Pour passer automatiquement un texte présent dans l'éditeur de code en majuscules ou minuscules :
  1. Sélectionnez un ou plusieurs mots dans l'éditeur de code.
  2. Utilisez la combinaison de touches suivante :
    • Ctrl + M : pour passer le texte sélectionné en minuscules.
    • Ctrl + Maj + M : pour passer le texte sélectionné en majuscules.
Nouveauté SaaS
Suppression des lignes vides
En saisissant ou collant du code dans l'éditeur de code, le code comporte souvent des saut de ligne ou lignes vides.
Pour supprimer ces lignes vides et obtenir un code plus concis :
  1. Positionnez le curseur dans un code (sous l'éditeur de code).
  2. Afficher le menu contextuel et sélectionnez l'option "Refactoring .. Supprimer les lignes vides".
  3. Indiquez la portée de l'action : code courant, élément courant, tout le code affiché.
  4. Validez. Les lignes vides sont supprimées.
Remarque : si l'option est utilisée sur une sélection de ligne de code, les lignes vides présentes dans cette sélection sont automatiquement supprimées.
Attention : Cette fonctionnalité est disponible uniquement à partir de WINDEV Suite SaaS 2025 Update 1. Pour plus de détails, consultez Utiliser les nouveautés de WINDEV 2025 SaaS.
Fenêtre de description de l'élément en cours depuis l'éditeur de code
Pour afficher la fenêtre de description de l'élément correspondant au code affiché :
  1. Positionnez le curseur dans le code voulu.
  2. Utilisez la combinaison de touches suivante : Alt + Entrée.
Déplacement de procédures ou de méthodes
Par défaut, les procédures ou les méthodes sont affichées dans leur ordre de création. Pour déplacer une procédure ou une méthode :
  1. Positionnez le curseur au début du code à déplacer.
  2. Sélectionnez le code de la procédure ou de la méthode : utilisez la souris ou la combinaison de touches Ctrl + A par exemple.
  3. Coupez la procédure ou la méthode (Ctrl + X).
  4. Placez le curseur de la souris à la nouvelle position de la procédure ou de la méthode.
  5. Collez la procédure ou la méthode (Ctrl + V).
La procédure ou la méthode a été déplacée.
Nouveauté SaaS
Remarque : Il est désormais possible de trier alphabétiquement les procédures ou méthodes affichées dans l'éditeur de code. Pour plus de détails, consultez Tri par ordre alphabétique sous l'éditeur de code.
Création d'une procédure au clavier
Pour créer une procédure globale, il est possible :
  • soit d'utiliser l'explorateur de projet.
  • soit d'utiliser le volet "Code" de l'éditeur de code (bouton "Nouveau").
  • soit de taper directement le prototype de la procédure à créer à la fin d'une procédure existante.
Pour créer une procédure locale, il est possible :
  • soit d'utiliser le volet "Explorateur de projet".
  • soit d'utiliser le volet "Code" de l'éditeur de code (bouton "Nouveau").
  • soit de taper directement le prototype de la procédure à créer dans l'événement "Déclarations globales" de la fenêtre ou de la page.
Pour plus de détails, consultez :
Version minimum requise
  • Version 16
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 29/01/2025

Signaler une erreur ou faire une suggestion | Aide en ligne locale