Modifier le code avec Now Code Editor (fonctionnalité avancée)

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 3 minutes de lecture
  • Now Code Editor est une interface de type éditeur de texte enrichi qui prend en charge les feuilles de style en cascade (CSS), le langage de balisage hypertexte (HTML), JavaScript, le langage de balisage extensible (XML) et la notation d’objet JavaScript (JSON). Utilisez Éditeur de code Now pour modifier la configuration de l’interface utilisateur, la configuration des ressources de données, les styles, les événements, les scripts côté client et côté serveur dans les Next Experience composants du générateur d’IU.

    Now Code Editor prend en charge les fonctionnalités suivantes :
    • Modification de base
    • Débogage
    • Palette de commandes
    • Mise en forme du code
    • Vérification et mise en évidence de la syntaxe
    • Suggestions automatiques
    • Macros de script pour le code commun

    Modification de base

    Action Description
    Formater le code Applique une indentation appropriée au script.
    Raccourci clavier:
    • Windows : Maj+Alt+F
    • Mac : Maj+Option+F
    Mettre la syntaxe en surbrillance Met en surbrillance la syntaxe du code.
    Icône de vérification de la syntaxe de vérification de la syntaxe Vérifie les erreurs de formatage et met en évidence les erreurs de syntaxe.
    • Windows : Maj+Alt+C
    • Mac : Merde+Option+C
    Afficher les suggestions Affiche une liste d’éléments valides au point d’insertion, tels que :
    • Noms de classes
    • Noms de fonctions
    • Noms d'objets
    • Noms de variables
    Sélectionnez une entrée et cliquez dessus pour l’ajouter au script.
    Raccourci clavier:
    • Windows : Ctrl+Espace
    • Mac : Ctrl+Espace
    Vous pouvez également activer ou désactiver la mise en surbrillance de la syntaxe dans le menu Paramètres .
    Activer /désactiver les commentaires Activer/désactiver l’icône de commentaires Commente une ou plusieurs lignes de code avec deux barres obliques consécutives //.
    Raccourci clavier:
    • Windows : Control+/
    • Mac : Commande+/
    Afficher la minicarte Affiche la minicarte de l’extrait de code.

    Vous pouvez afficher ou masquer l’option Mini-carte dans le menu Paramètres .

    Activer le retour automatique à la ligne Active la fonction de retour automatique à la ligne dans la zone de l’éditeur.

    Vous pouvez activer/désactiver l’option Activer le retour automatique à la ligne dans le menu Paramètres .

    Afficher la palette de commandes Affiche une liste des commandes disponibles pour les opérations courantes. Vous pouvez exécuter des commandes d’éditeur, rechercher et remplacer du texte, plier et déplier des blocs de code, basculer des commentaires et bien d’autres tâches à l’aide de la même fenêtre interactive.
    Raccourci clavier
    • Windows : F1
    • Mac : F1
    Développer l’éditeur, développer l’icône de l’éditeur ou réduire l’éditeur, réduire l’icône de l’éditeur. Développe ou réduit l’éditeur.
    Raccourci clavier
    • Windows : Ctrl+M
    • Mac : Ctrl+M

    Débogage

    Pour lancer Script Debugger, cliquez sur l’icône Script Debugger Icône Script Debugger dans la barre d’outils.
    Remarque :
    Vous pouvez ajouter un point d’arrêt, un point d’arrêt conditionnel ou un point de connexion uniquement lorsque le débogage est activé et que la langue sélectionnée est JavaScript.
    Tâche Effectuez cette action
    Ajouter un point d'arrêt Cliquez avec le bouton droit de la souris à côté d’un numéro de ligne dans la zone de règle et sélectionnez Ajouter un point d’arrêt.
    Ajouter un point d'arrêt conditionnel
    1. Cliquez avec le bouton droit de la souris à côté d’un numéro de ligne dans la zone de règle et sélectionnez Ajouter un point d’arrêt conditionnel.
    2. Entrez une condition de pause dans l’éditeur.
    Ajouter un point de connexion Cliquez avec le bouton droit de la souris à côté d’un numéro de ligne dans la zone de règle et sélectionnez Ajouter un point de connexion.
    Comparer le texte en mode Diff

    Utilisez l’icône de vue côte à côte de l’éditeur de code Now vue côte à côte et icône de vue en ligne de l’éditeur de code Now vue en ligne pour basculer entre les vues.

    Macros d’éditeur de code

    pour
    • Description : Insère une norme pour une boucle avec un exemple de tableau.
    • Sortie :
      for (var i=0; i< myArray.length; i++) {
       //myArray[i];
       
      }
    method
    • Description : Insère un modèle de fonction JavaScript vide.
    • Sortie :
      /*_________________________________________________________________
         * Description:
         * Parameters:
         * Returns:
         ________________________________________________________________*/
         : function() {
         
         },
    info
    • Description : Insère un message d’information GlideSystem .
    • Sortie :
      gs.addInfoMessage(gs.getMessage(""));
    document
    • Description : Insère un bloc de commentaires pour décrire une fonction ou des paramètres.
    • Sortie :
      /**
       
      * Description: 
       
      * Parameters: 
       
      * Returns:
      */
    Vargror
    • Description : Insère une requête GlideRecord pour deux valeurs avec une condition OU.
    • Sortie :
      var gr = new GlideRecord('');
       
      var qc = gr.addQuery('field', 'value1');
       
      qc.addOrCondition('field', 'value2');
      gr.query();
       
      while (gr.next()) {
      
       
      }
      
    vargr
    • Description : Insère une requête GlideRecord standard pour une valeur unique.
    • Sortie :
      var gr = new GlideRecord("");
      gr.addQuery("name", "value");
      gr.query();
      if (gr.next()) {
         
      }