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

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 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 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
Code de format	Applique une indentation appropriée au script. Raccourci clavier : Windows : Maj+Alt+F Mac : Maj+Option+F
Mettre la syntaxe en surbrillance	Met en évidence la syntaxe du code.
Icône Vérifier la	Recherche 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 : Ctrl+Espace Mac : Ctrl+Espace Vous pouvez également activer ou désactiver la mise en surbrillance de la syntaxe à partir du menu Paramètres .
Activer	Commente une ou plusieurs lignes de code avec deux barres obliques consécutives //. Raccourci clavier : Windows : Ctrl+/ Mac : Commande+/
Afficher la minicarte	Affiche la mini-carte de l’extrait de code. Vous pouvez afficher ou masquer l’option de mini-carte à partir du 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, ou réduire	Développe ou réduit l’éditeur. Raccourci clavier Windows : Ctrl+M Mac : Ctrl+M

Débogage

Pour lancer le débogueur de script, cliquez sur l’icône du 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 à 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	Cliquez avec le bouton droit à côté d’un numéro de ligne dans la zone de 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 à 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 et l’icône de vue en ligne de l’éditeur de basculer entre les vues.

Macros de l’éditeur de code

pour

• Description : Insère une norme pour la 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() {
     
     },

infos

• Description : insère un message d’information GlideSystem .
• Sortie :

  gs.addInfoMessage(gs.getMessage(""));

document

• Description : insère un bloc de commentaire 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()) {
     
  }