Code mit dem Now Code-Editor bearbeiten (erweiterte Funktion)

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer
  • Der Now-Code-Editor ist eine Rich-Text-Editor-ähnliche Schnittstelle, die Cascading Style Sheets (CSS), Hypertext Markup Language (HTML), JavaScript, Extensible Markup Language (XML) und JavaScript Object Notation (JSON) unterstützt. Verwenden Sie den Now-Code-Editor, um UI-Konfiguration, Datenressourcenkonfiguration, Stile, Ereignisse sowie clientseitige und serverseitige Skripts in Next Experience UI Builder-Komponenten zu ändern.

    Der Now-Code-Editor unterstützt die folgenden Funktionen:
    • Grundlegende Bearbeitung
    • Debugging
    • Befehlspalette
    • Codeformatierung
    • Syntaxüberprüfung und -hervorhebung
    • Automatische Vorschläge
    • Skript Makros für allgemeinen Code

    Grundlegende Bearbeitung

    Aktion Beschreibung
    Formatcode Wendet den richtigen Einzug auf das Skript an.
    Tastenkürzel:
    • Windows: Umschalt+Alt+F
    • Mac: Umschalt+Wahl+F
    Markieren Sie die Syntax Hebt die Syntax des Codes hervor.
    Syntax überprüfen Syntax-Überprüfungssymbol Prüft auf Formatierungsfehler und hebt Syntaxfehler hervor.
    • Windows: Umschalt+Alt+C
    • Mac: Scheisse+Wahl+C
    Vorschläge anzeigen Zeigt eine Liste gültiger Elemente an der Einfügeposition an, z. B.:
    • Klassennamen
    • Funktionsnamen
    • Objektnamen
    • Variablennamen
    Wählen Sie einen Eintrag aus und klicken Sie darauf, um ihn dem Skript hinzuzufügen.
    Tastenkürzel:
    • Windows: Strg+Leertaste
    • Mac: Strg+Leertaste
    Sie können die Syntaxhervorhebung auch über das Menü „Einstellungen “ aktivieren oder deaktivieren.
    Kommentare umschalten Symbolzum Umschalten von Kommentaren Kommentiert eine oder mehrere Codezeilen mit zwei aufeinanderfolgenden Schrägstrichen //.
    Tastenkürzel:
    • Windows: Strg + /
    • Mac: Befehl + /
    Minikarte anzeigen Zeigt die Minikarte des Code-Fragments an.

    Sie können die Minikartenoption im Menü „ Einstellungen “ anzeigen oder ausblenden.

    Zeilenumbruch aktivieren Aktiviert die Zeilenumbruch-Funktion im Editorbereich.

    Sie können die Option Zeilenumbruch aktivieren im Menü „ Einstellungen “ umschalten.

    Befehlspalette anzeigen Zeigt eine Liste der verfügbaren Befehle für die allgemeinen Vorgänge an. Sie können Editorbefehle ausführen, Text suchen und ersetzen, Codeblöcke ein- und ausklappen, Kommentare umschalten und viele weitere Aufgaben im selben interaktiven Fenster ausführen.
    Tastaturkürzel
    • Windows: F1
    • Mac: F1
    Editor erweitern Symbol „Editor erweitern“ oder Editor reduzieren Symbol„Editor reduzieren“. Erweitert oder reduziert den Editor.
    Tastaturkürzel
    • Windows: Strg+M
    • Mac: Strg+M

    Debugging

    Um den Skript-Debugger zu starten, klicken Sie in der Symbolleiste auf das Skript-Debugger-Symbol Skript-Debugger-Symbol.
    Hinweis:
    Sie können einen Haltepunkt, einen bedingten Haltepunkt oder einen Protokollpunkt nur hinzufügen, wenn das Debugging aktiviert ist und die ausgewählte Sprache JavaScript ist.
    Aufgabe Vorgehensweise
    Haltepunkt hinzufügen Klicken Sie mit der rechten Maustaste neben eine Zeilennummer im Linealbereich, und wählen Sie Haltepunkt hinzufügenaus.
    Bedingten Haltepunkt hinzufügen
    1. Klicken Sie mit der rechten Maustaste neben eine Zeilennummer im Linealbereich, und wählen Sie Bedingten Haltepunkt hinzufügen aus.
    2. Geben Sie im Editor eine Unterbrechungsbedingung ein.
    Protokollpunkt hinzufügen Klicken Sie mit der rechten Maustaste neben eine Zeilennummer im Linealbereich, und wählen Sie Protokollpunkt hinzufügen aus.
    Vergleichen Sie Text im Diff-Modus

    Verwenden Sie das Symbol für die nebeneinander liegende Ansicht des Now-Code-Editors und das Symbol für die Inline-Ansicht Now-Code-Editor Inline-Ansicht, um zwischen Ansichten zu wechseln.

    Code-Editor-Makros

    für
    • Beschreibung: Fügt eine standardmäßige for-Schleife mit einem Beispiel-Array ein.
    • Ausgabe:
      for (var i=0; i< myArray.length; i++) {
       //myArray[i];
       
      }
    method
    • Beschreibung: Fügt eine leere JavaScript-Funktionsvorlage ein.
    • Ausgabe:
      /*_________________________________________________________________
         * Description:
         * Parameters:
         * Returns:
         ________________________________________________________________*/
         : function() {
         
         },
    info
    • Beschreibung: Fügt eine GlideSystem- Informationsmeldung ein.
    • Ausgabe:
      gs.addInfoMessage(gs.getMessage(""));
    doc
    • Beschreibung: Fügt einen Kommentarblock zum Beschreiben einer Funktion oder von Parametern ein.
    • Ausgabe:
      /**
       
      * Description: 
       
      * Parameters: 
       
      * Returns:
      */
    vargror
    • Beschreibung: Fügt eine GlideRecord- Abfrage für zwei Werte mit einer OR-Bedingung ein.
    • Ausgabe:
      var gr = new GlideRecord('');
       
      var qc = gr.addQuery('field', 'value1');
       
      qc.addOrCondition('field', 'value2');
      gr.query();
       
      while (gr.next()) {
      
       
      }
      
    vargr
    • Beschreibung: Fügt eine Standard -GlideRecord- Abfrage für einen einzelnen Wert ein.
    • Ausgabe:
      var gr = new GlideRecord("");
      gr.addQuery("name", "value");
      gr.query();
      if (gr.next()) {
         
      }