--- sourceDocument: Yokohama Erstellen oder ändern Sie Anwendungen sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/application-development Release : - yokohama ft:locale : - de-DE ft:publication_title : - Yokohama 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: Yokohama * * Aktualisiert 30. Januar 2025 * * ![](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. Tastenkombination * 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. Tastenkombination * 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ügenaus. 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ügenaus. | | 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}