---
sourceDocument: Yokohama Employee Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/employee-service-management

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Employee Service Management

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# Editando o código-fonte no Editor de Conteúdo Avançado

# Editando o código-fonte no Editor de Conteúdo Avançado {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Modifique o código-fonte HTML e CSS de todos os elementos na tela ou de um elemento específico.
Crie o layout usando elementos HTML, edite diretamente o CSS de um elemento para adicionar estilo que não está disponível na interface da tela ou copie e cole o código para migrar conteúdo de outras fontes.

## Recursos e capacidades {#rce-editing-source-code__section_bkj_vjc_f1c}

Garanta a segurança do portal
:   Ao clicar em Aplicar Na janela Editar código, o editor de código remove marcadores HTML que podem ser usados para comprometer sua instância. Para obter mais informações, consulte [HTML sanitizer](https://www.servicenow.com/docs/access?context=c_HTMLSanitizer&version=yokohama&pubname=yokohama-platform-security&ft:locale=en-US).

Identifique o código importante
:   A janela de edição destaca fragmentos CSS em vermelho se eles não devem ser excluídos. Isso indica uma configuração que faz parte do tema do portal ou que vários elementos usam esse código.
:   Além disso, se você excluir uma regra CSS referenciada por um dos seguintes elementos HTML, o editor de código redefinirá a regra CSS:

    * Linha
    * Célula
    * Tela
    * Divisor
    * Botão
    * Bloco de link
    * Guias
    {#rce-editing-source-code__ul_yx1_t1n_b1c}

Remova o código desnecessário
:   Quando você salva suas mudanças, o editor de código remove todas as regras CSS não utilizadas.
:   Por outro lado, se o editor de código restabelecer uma regra CSS que você está tentando remover, realce esse bloco de código CSS e clique em Remover CSS botão para substituir o editor de código.Figura 1. Exemplo de uso do botão Remover CSS

No vídeo a seguir, o usuário tenta excluir uma regra CSS usando a chave de exclusão, mas o sistema restaura o código. Em seguida, o usuário destaca o código e clica Remover CSS , que remove o código com sucesso.  
Nota:  
Este recurso não está disponível por padrão. Um administrador deve habilitar o. Edite o código propriedade. Veja [Propriedades instaladas com a Publicação de conteúdo](https://servicenow-prod.fluidtopics.net/JjxMnRqucqBy5OFxLBosoA "O plug-in Publicação de conteúdo [com.sn_content_delivery] adiciona as seguintes propriedades projetadas para controlar como os trabalhos agendados funcionam em relação a notificações, tarefas pendentes e comunidades.")

## Considerações importantes {#rce-editing-source-code__section_jv1_bzw_21c}

* Adicionar HTML e CSS personalizado pode quebrar seu design. Prossiga com cuidado ao usar este recurso. O Editor de conteúdo avançado não rastreia mudanças no editor de código, portanto Desfazer o botão não reverterá de forma confiável as mudanças de código.
* Não recomendamos o uso de elementos HTML (como div ou p) para definir regras CSS, pois isso pode ter consequências indesejadas.Figura 2. Exemplo de um resultado inesperado ao usar o elemento HTML para definir a regra CSS

  No exemplo a seguir, o usuário define uma regra CSS para o elemento p em uma célula. No entanto, na visualização da página, as regras de estilo se aplicam aos elementos p em todas as caixas de texto, bem como no rodapé.
* Navegadores diferentes podem exibir comportamentos variáveis de copiar/colar. Se pressionar Ctrl V não duplicar o conteúdo conforme esperado, clique no ícone Duplicar na barra de ferramentas do componente.
* Se o conteúdo copiado e colado não manter seu estilo (como fonte) e ajustar as configurações não ajudar, limpe o estilo clicando no "x" ao lado do campo de estilo e defina o estilo.![Remova o estilo personalizado clicando no "x" ao lado do campo de estilo]()
* Se o conteúdo colado aparecer de forma diferente salvando, é provável que alguns marcadores de script sejam removidos pelo higienizador de HTML.
{#rce-editing-source-code__ul_vwx_czw_21c}