Modifier le code avec l’éditeur de code Now (fonctionnalité avancée)

L’éditeur de code Now 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 XML (Extensible Markup Language) et la notation d’objet JavaScript (JSON). Utilisez l’é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 Next Experience les composants du générateur d’IU.

Now Code Editor prend en charge les fonctionnalités suivantes :

• Édition de base
• Débogage
• Palette de commandes
• Mise en forme du code
• Vérification et mise en surbrillance de la syntaxe
• Suggestions automatiques
• Macros de script pour le code commun

Édition de base

Action	Description
Code de format	Applique une indentation appropriée au script. Raccourci clavier: Windows : Maj+Alt+F Mac : Maj+Option+F
Mettre en surbrillance la syntaxe	Met en évidence la syntaxe du code.
Vérifier 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 et cliquez sur une entrée pour l’ajouter au script. Raccourci clavier: Windows : Contrôle + Espace Mac : Ctrl+Espace Vous pouvez également activer ou désactiver la mise en surbrillance de la syntaxe à partir du menu Paramètres .
Activer/désactiver	Commente une ou plusieurs lignes de code avec deux barres obliques consécutives //. Raccourci clavier: Windows : Ctrl+/ Mac : Commande+/
Afficher la minicarte	Affiche la minicarte de l’extrait de code. Vous pouvez afficher ou masquer l’option de mini-carte, dans le menu Paramètres .
Activer le retour automatique à la ligne	Active la fonction de retour automatique à la ligne dans la zone d’édition. Vous pouvez activer/désactiver l’option Activer le retour automatique à la ligne à partir du 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 les commentaires et bien d’autres tâches à l’aide de la même fenêtre interactive. Raccourci clavier Windows : F1 Mac : F1
Agrandir ou réduire	Développe ou réduit l’éditeur. Raccourci clavier Windows : Ctrl+M Mac : Ctrl+M

Débogage

Pour lancer Débogueur de script, cliquez sur 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 en regard d’un numéro de ligne dans la zone de la règle et sélectionnez Ajouter un point d’arrêt.
Ajouter un point d'arrêt conditionnel	Cliquez avec le bouton droit de la souris en regard d’un numéro de ligne dans la zone de la règle et sélectionnez Ajouter un point d’arrêt conditionnel. Entrez une condition de pause dans l’éditeur.
Ajouter un point de connexion	Cliquez avec le bouton droit de la souris en regard d’un numéro de ligne dans la zone de la 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, la et l’icône de vue en ligne pour basculer entre les vues.

Macros d’éditeur de code

pour

• Description : insère une boucle for standard avec un tableau d’exemple.
• 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() {
     
     },

infos

• 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()) {
     
  }