Code mit dem Now Code-Editor bearbeiten (erweiterte Funktion)
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:
|
| Markieren Sie die Syntax | Hebt die Syntax des Codes hervor. |
| |
Prüft auf Formatierungsfehler und hebt Syntaxfehler hervor.
|
| Vorschläge anzeigen | Zeigt eine Liste gültiger Elemente an der Einfügeposition an, z. B.:
Tastenkürzel: Sie können die Syntaxhervorhebung auch über das Menü „Einstellungen “ aktivieren oder deaktivieren.
|
| Kommentare |
Kommentiert eine oder mehrere Codezeilen mit zwei aufeinanderfolgenden Schrägstrichen //. Tastenkürzel:
|
| 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
|
| Editor |
Erweitert oder reduziert den Editor. Tastaturkürzel
|
Debugging
Um den Skript-Debugger zu starten, klicken Sie in der Symbolleiste auf das 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 |
|
| 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 |
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()) { }