---
sourceDocument: Xanadu: Erstellen oder ändern Sie Anwendungen
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/xanadu/application-development

 Release :

    - xanadu

ft:locale :

    - de-DE

ft:publication_title :

    - Xanadu: Erstellen oder ändern Sie Anwendungen

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

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

# Code mit dem Now Code Editor bearbeiten (erweiterte Funktion) {#ariaid-title1}

* Freigeben Version: Xanadu
* 
* Aktualisiert 1. August 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 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
{#now-code-editor__ul_erg_s54_24b}

## Grundlegende Bearbeitung {#now-code-editor__section_wl4_nhp_24b}

{#now-code-editor__table_unk_l3p_24b__entry__2}

| Aktion | Beschreibung |
|-|-|
| Code formatieren ![]() | Wendet den richtigen Einzug auf das Skript an. Tastenkürzel: * Windows: Umschalt+Alt+F * Mac: Umschalt+Option+F {#now-code-editor__ul_c5d_bjp_24b} |
| 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 {#now-code-editor__ul_ayb_yfs_24b} |
| Vorschläge anzeigen | Zeigt eine Liste gültiger Elemente an der Einfügeposition an, z. B.: * Klassennamen * Funktionsnamen * Objektnamen * Variablennamen {#now-code-editor__ul_o4s_klp_24b}Wählen Sie einen Eintrag aus, und klicken Sie darauf, um ihn dem Skript hinzuzufügen. Tastenkürzel: * Windows: Strg+Leertaste * Mac: Strg+Leertaste {#now-code-editor__ul_h5g_5mp_24b} 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 + / {#now-code-editor__ul_n1q_d4p_24b} |
| 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 {#now-code-editor__ul_cj3_qyp_24b} |
| 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 {#now-code-editor__ul_dwp_hzq_24b} |
[ ]

{#now-code-editor__table_unk_l3p_24b}

## Debugging {#now-code-editor__section_fwz_xyp_24b}

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.
{#now-code-editor__table_ysr_rzp_24b__entry__2}

| 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. |
[ ]

{#now-code-editor__table_ysr_rzp_24b}

## Code-Editor-Makros {#now-code-editor__section_ygk_h1q_24b}

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];
           
          }

    {#now-code-editor__ul_dgy_4pq_24b}

method
:
    * Beschreibung: Fügt eine leere JavaScript-Funktionsvorlage ein.
    * Ausgabe:

          /*_________________________________________________________________
             * Description:
             * Parameters:
             * Returns:
             ________________________________________________________________*/
             : function() {
             
             },

    {#now-code-editor__ul_efh_ffx_msb}

info
:
    * Beschreibung: Fügt eine GlideSystem- Informationsnachricht ein.
    * Ausgabe:

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

    {#now-code-editor__ul_wwt_ffx_msb}

doc
:
    * Beschreibung: Fügt einen Kommentarblock zum Beschreiben einer Funktion oder von Parametern ein.
    * Ausgabe:

          /**
           
          * Description: 
           
          * Parameters: 
           
          * Returns:
          */

    {#now-code-editor__ul_a5f_gfx_msb}

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()) {

           
          }

    {#now-code-editor__ul_gqz_gfx_msb}

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

    {#now-code-editor__ul_gyq_hfx_msb}