Edit code with the Now Code Editor (advanced feature)

Now Code Editor is a rich-text editor like interface that supports Cascading Style Sheets (CSS), Hypertext Markup Language (HTML), JavaScript, Extensible Markup Language (XML), and JavaScript Object Notation (JSON). Use Now Code Editor to modify UI configuration, data resource configuration, styles, events, client-side and server-side scripts in Next Experience UI Builder components.

Now Code Editor supports the following features:

• Basic editing
• Debugging
• Command palette
• Code formatting
• Syntax checking and highlighting
• Auto-suggestions
• Script macros for common code

Basic editing

Debugging

To launch Script Debugger, click the Script Debugger icon

Note: You can add a breakpoint, conditional breakpoint, or logpoint, only when debugging is enabled and selected language is JavaScript.

Code editor macros

• for

  • Description: Inserts a standard for loop with an example array.

  • Output:

    for (var i=0; i< myArray.length; i++) {
     //myArray[i];
    
    }
    

• method

  • Description: Inserts an empty JavaScript function template.

  • Output:

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

• info

  • Description: Inserts a GlideSystem information message.

  • Output:

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

• doc

  • Description: Inserts a comment block for describing a function or parameters.

  • Output:

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

• vargror

  • Description: Inserts a GlideRecord query for two values with an OR condition.

  • Output:

    var gr = new GlideRecord('');
    
    var qc = gr.addQuery('field', 'value1');
    
    qc.addOrCondition('field', 'value2');
    gr.query();
    
    while (gr.next()) {
    
    
    }
    

• vargr

  • Description: Inserts a standard GlideRecord query for a single value.

  • Output:

    var gr = new GlideRecord("");
    gr.addQuery("name", "value");
    gr.query();
    if (gr.next()) {
    
    }
    

Parent Topic:Advanced UI Builder