Code mit dem Now Code Editor bearbeiten (erweiterte Funktion)

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 2 Minuten Lesedauer
  • Der Now Code-Editor ist eine Schnittstelle im Stil eines Rich-Text-Editors, 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 die UI-Konfiguration, die Konfiguration der Datenressourcen, 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
    • Befehl Palette
    • Codeformatierung
    • Syntaxüberprüfung und -hervorhebung
    • Automatische Vorschläge
    • Skript -Makros für allgemeinen Code

    Grundlegende Bearbeitung

    Aktion Beschreibung
    Code formatieren Wendet den richtigen Einzug auf das Skript an.
    Tastenkürzel:
    • Windows: Umschalt+Alt+F
    • Mac: Umschalt+Option+F
    Markieren Sie die Syntax Hebt die Syntax des Codes hervor.
    Syntax -Prüfungssymbol überprüfen Prüft auf Formatierungsfehler und hebt Syntaxfehler hervor.
    • Windows: Umschalt+Alt+C
    • Mac: Scheiße+Option+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 Syntax-Hervorhebung auch im Menü „Einstellungen “ aktivieren oder deaktivieren.
    Symbol für Kommentare ein/aus Kommentiert eine oder mehrere Codezeilen mit zwei aufeinanderfolgenden Schrägstrichen //.
    Tastenkürzel:
    • Windows: Strg + /
    • Mac: Befehl + /
    Minikarte anzeigen Zeigt die Minikarte des Codeausschnitts an.

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

    Zeilenumbruch aktivieren Aktiviert die Zeilenumbruchfunktion im Editorbereich.

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

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

    Debugging

    Klicken Sie auf das Script Debugger-Symbol Script Debugger-Symbol in der Symbolleiste, um den Script Debugger zu starten.
    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 Diese Aktion ausführen
    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 Umbruchbedingung 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 -Ansicht des Now-Code-Editors und das Symbol für die Inline-Ansicht der Inline-Ansicht des Now-Code-Editors, um zwischen den Ansichten zu wechseln.

    Code-Editor-Makros

    für
    • Beschreibung: Fügt eine Standard-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- Informationsnachricht 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 ODER-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 standardmäßige GlideRecord- Abfrage für einen einzelnen Wert ein.
    • Ausgabe:
      var gr = new GlideRecord("");
      gr.addQuery("name", "value");
      gr.query();
      if (gr.next()) {
         
      }