Modifier le code à l’aide de 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 de balisage extensible (XML) 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 de l’UI Builder.

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

• Édition de base
• Débogage
• Palette de commandes
• Formatage 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 mise en retrait appropriée au script. Raccourci clavier : Windows : Maj+Alt+F Mac : Maj+Option+F
Syntaxe de mise en surbrillance	Met en surbrillance 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 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	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 de l’éditeur. Vous pouvez activer l’option Activer le retour automatique à la ligne dans le menu Paramètres .
Afficher la palette de commandes	Affiche une liste de 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 Fenêtres : F1 Mac : F1
Agrandir icône ou réduire l’éditeur icône	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 l’icône Débogueur de script 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 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 à côté 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 à côté 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, 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 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(""));

Doc

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