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

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 2 min. de leitura

    • Modifique o código-fonte HTML e CSS para todos os elementos na tela ou para 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.Adicione uma borda ao redor de uma linha e personalize a fonte do cabeçalho

    Recursos e capacidades

    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.
    Identifique o código importante
    A janela de edição destaca fragmentos CSS em vermelho se eles não devem ser excluídos. 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
    Remover 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 DELETE, 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.

    O usuário tenta sem sucesso excluir uma regra CSS usando a chave DELETE, portanto, usa o botão Remover CSS, que remove o código realçado
    Nota:
    Este recurso não está disponível por padrão. Um administrador deve habilitar Editar código propriedade. Veja Propriedades instaladas com a Publicação de conteúdo

    Considerações importantes

    • Adicionar HTML e CSS personalizados 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 não intencionais.
      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é.

      O usuário define uma regra CSS usando o elemento html p para uma célula, mas a regra é aplicada em toda a página
    • 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 reter 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 parecer salvo de forma diferente, provavelmente isso deve-se à remoção de alguns marcadores de script pelo limpador de HTML.