---
sourceDocument: Criar ou modificar aplicações do Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/xanadu/application-development

 Release :

    - xanadu

ft:locale :

    - pt-BR

ft:publication_title :

    - Criar ou modificar aplicações do Xanadu

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

# Editar código com o Now Code Editor (recurso avançado)

# Editar código com o Now Code Editor (recurso avançado) {#ariaid-title1}

* Versão de lançamento: Xanadu
* 
* Atualizado 1 de ago. de 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 min. de leitura

O Now Code Editor é um editor de rich text como interface que suporta folhas de estilos em cascata (CSS), Hypertext Markup Language (HTML), JavaScript, Extensible Markup Language (XML) e JavaScript Object Notation (JSON). Use o Editor de código Now para modificar a configuração de IU, configuração de recursos de dados, estilos, eventos, scripts do lado do cliente e do lado do servidor em Next Experience componentes do Construtor de IU.  
O Now Code Editor é compatível com os seguintes recursos:

* Edição básica
* Depuração
* Comando paleta
* Formatação de código
* Verificação e realce de sintaxe
* Sugestões automáticas
* Macros de script para código comum
{#now-code-editor__ul_erg_s54_24b}

## Edição básica {#now-code-editor__section_wl4_nhp_24b}

{#now-code-editor__table_unk_l3p_24b__entry__2}

| Ação | Descrição |
|-|-|
| Formatar código ![]() | Aplica o recuo apropriado ao script. Atalho do teclado: * Windows: Shift+Alt+F * Mac: Shift+Opção+F {#now-code-editor__ul_c5d_bjp_24b} |
| Realçar sintaxe | Destaca a sintaxe do código. |
| Verificar sintaxe ![ícone de verificação]()de sintaxe | Verifica se há erros de formatação e realça erros de sintaxe. * Windows: Shift+Alt+C * Mac: Shit+Option+C {#now-code-editor__ul_ayb_yfs_24b} |
| Mostrar sugestões | Exibe uma lista de elementos válidos no ponto de inserção, como: * Nomes de classes * Nomes de funções * Nomes de objeto * Nomes de variáveis {#now-code-editor__ul_o4s_klp_24b}Selecione e clique em uma entrada para adicioná-la ao script. Atalho do teclado: * Windows: Control+Space * Mac: Control+Space {#now-code-editor__ul_h5g_5mp_24b} Você também pode habilitar ou desabilitar o realce de sintaxe no menu Configurações. |
| Alternar ![comentários ícone de alternância de comentários]() | Comenta uma ou mais linhas de código com duas barras consecutivas //. Atalho do teclado: * Windows: Control+/ * Mac: Command+/ {#now-code-editor__ul_n1q_d4p_24b} |
| Mostrar minimapa | Exibe o minimapa do snippet de código. Você pode exibir ou ocultar a opção de minimapa no menu Configurações . |
| Habilitar quebra de linha | Habilita a função de quebra de linha na área do editor. Você pode alternar a opção Habilitar quebra de linha no menu Configurações. |
| Mostrar paleta de comando | Exibe uma lista de comandos disponíveis para as operações comuns. Você pode executar comandos do editor, localizar e substituir texto, desdobrar e desdobrar blocos de código, alternar comentários e muito mais tarefas usando a mesma janela interativa. Atalho do teclado * Windows: F1 * Mac: F1 {#now-code-editor__ul_cj3_qyp_24b} |
| Expandir editor ícone de ![expandir editor ou recolher ícone]() de ![recolher editor]() | Expande ou recolhe o editor. Atalho do teclado * Windows: Control+M * Mac: Control+M {#now-code-editor__ul_dwp_hzq_24b} |
[ ]

{#now-code-editor__table_unk_l3p_24b}

## Depuração {#now-code-editor__section_fwz_xyp_24b}

Para iniciar o Depurador de script, clique no ícone do Depurador de ![script ícone do Depurador]() de script na barra de ferramentas.  
Nota:  
Você pode adicionar um ponto de interrupção, ponto de interrupção condicional ou ponto de log somente quando a depuração estiver habilitada e o idioma selecionado for JavaScript.
{#now-code-editor__table_ysr_rzp_24b__entry__2}

| Tarefa | Faça o seguinte |
|-|-|
| Adicionar ponto de interrupção | Clique com o botão direito do mouse ao lado de um número de linha na área da regra e selecione Adicionar ponto de interrupção. |
| Adicionar ponto de interrupção condicional | 1. Clique com o botão direito do mouse ao lado de um número de linha na área da regra e selecione Adicionar ponto de interrupção condicional. 2. Insira uma condição de interrupção no editor. |
| Adicionar logpoint | Clique com o botão direito do mouse ao lado de um número de linha na área da regra e selecione Adicionar logpoint. |
| Comparar texto no modo Comparação | Use o ícone de exibição lado a ![lado]()![do editor de código Now]() para alternar entre as exibições. |
[ ]

{#now-code-editor__table_ysr_rzp_24b}

## Macros do editor de código {#now-code-editor__section_ygk_h1q_24b}

para
:
    * Descrição: insere um loop for padrão com uma matriz de exemplo.
    * Saída:

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

    {#now-code-editor__ul_dgy_4pq_24b}

method
:
    * Descrição: insere um modelo de função JavaScript vazio.
    * Saída:

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

    {#now-code-editor__ul_efh_ffx_msb}

informações
:
    * Descrição: insere uma mensagem informativa do GlideSystem.
    * Saída:

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

    {#now-code-editor__ul_wwt_ffx_msb}

documento
:
    * Descrição: insere um bloco de comentários para descrever uma função ou parâmetros.
    * Saída:

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

    {#now-code-editor__ul_a5f_gfx_msb}

variável
:
    * Descrição: insere uma consulta GlideRecord para dois valores com uma condição OU.
    * Saída:

          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
:
    * Descrição: insere uma consulta GlideRecord padrão para um único valor.
    * Saída:

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

    {#now-code-editor__ul_gyq_hfx_msb}