Copiar e Colar no Editor de Conteúdo Avançado

Copie e cole o código-fonte HTML e CSS para elementos na tela.

Diretamente Edite o CSS para um elemento adicionar estilo ou copiar e colar código para migrar conteúdo de outras fontes.

Importante:

Para a versão de maio de 2025, se algum conteúdo colado tiver um cor de fundo , o painel direito não exibirá a cor, a menos que esteja formatado com estilo de imagem de fundo . O plano de fundo atua como camadas a serem adicionadas cor de fundo , gradiente e imagem ao seu conteúdo. O recurso de edição de código pode ser usado para ajustar o estilo colado de cor de fundo para o valor correspondente para CSS de imagem de fundo se você quiser que a cor seja exibida no painel direito.

Dica:

A funcionalidade de opacidade de cor é um novo recurso e não é compatível com nenhuma versão anterior.

Limitações

• Os navegadores podem exibir diferentes comportamentos de copiar e colar devido a diferenças funcionais do navegador.

• Copiar um componente na tela não é duplicado conforme esperado em ctrl v, portanto, você deve acessar o. barra de ferramentas do componente .

Figura 1. Barra de ferramentas do componente

Nota:

Você também pode adicionar opacidade de cor à tela. No entanto, uma das limitações é que copiar/colar não transferirá todo o estilo quando as cores são formatadas em rgba() em vez de rgb ou hexadecimal .

• A colagem de texto realçado não é compatível com componentes de texto, portanto, os comportamentos que funcionam no Chrome podem não funcionar no Firefox ou no Safari.

• Recomendamos adicionar cores do conteúdo colado em código hexadecimal formato ( rrggbbaa para adicionar opacidade, ou você pode usar rrggbb ).

  • O hash-tag (nº) é obrigatório.
  • Os códigos hexadecimais começam com um sinal de libra ou hash-tag (nº) seguido por 6 letras se não houver opacidade de cor ou 8 letras se houver opacidade de cor.
  • A sintaxe de 8 caracteres só funciona se for adicionada ao CSS do elemento por meio do recurso editar código. O campo de entrada de cor no painel direito aceita somente sintaxe de 6 caracteres.
• Você também pode abrir o modal de edição de código para ajustar rgba() cores do componente para o código hexadecimal para refletir o estilo.

Se determinado estilo não for aplicado (por exemplo, Nome da fonte) ou ajustar qualquer uma das configurações do conteúdo colado não funcionar, tente limpar o estilo primeiro selecionando " x " ao lado de Nome da fonte .

Figura 2. Nome da fonte

• Se o conteúdo colado não for exibido conforme o esperado ou se comportar incorretamente, tente copiar um bloco menor em vez de uma seção grande de uma só vez.
• • Se o conteúdo colado for exibido de forma diferente antes e depois de salvar e recarregar, isso pode ser devido a alguns marcadores de script removidos pelo limpador de HTML.

Áreas desmarcadas

• Se você selecionar Rosa desmarca qualquer componente selecionado na tela.

• Se você selecionar Verde mantém o componente atual selecionado.

Figura 3. Tela do Editor de Conteúdo Avançado

Nota:

Recortar e colar texto realçado não é compatível com componentes de texto e as experiências em navegadores podem se comportar de forma diferente. Os comportamentos que funcionam no Chrome podem não funcionar no Firefox ou no Safari.

Ações e comportamentos adicionais de conteúdo avançado

Nota:

Gerentes de conteúdo e administradores têm a opção de aplicar cores de fundo aos elementos da tela selecionados, incluindo imagens. Os recursos disponíveis incluem o uso de cores sólidas e degradadas, bem como ajustes para opacidade da cor. Essas configurações podem ser acessadas no painel direito na guia Estilo de configurações ao adicionar conteúdo avançado a um elemento de tela.

A capacidade de adicionar opacidade de cor à tela é uma função útil disponível para você. A única limitação é que o estilo da função copiar e colar é diferente quando as cores são formatadas em rgba() em vez de rgb ou HEX.

• Adicionar cores no formato de código hexadecimal ( rrggbbaa para adicionar opacidade ou apenas rrggbb ).
• Abra o modal de edição de código para ajustar as cores rgba() do componente para o código hexadecimal para refletir o estilo.
• A opacidade da cor mostra as opções de gradiente e camada de cor. Como a camada de imagem de fundo é a primeira, a opacidade não é relevante. O gradiente é FFFFFF e OOOOOO por padrão.

• O elemento de cor de fundo para tela mostra as opções de fundo para gradiente, cor e imagem. Ative e selecione as opções de plano de fundo.

Nota:

O conteúdo é colado no final da tela quando nenhum componente é selecionado.

• Se um componente for selecionado, o conteúdo será colado abaixo dele.
• Se um componente estiver sendo editado, ocorrerá o seguinte comportamento de colagem:
  • Se a origem for texto sem formatação, o conteúdo será colado no componente atual e corresponderá o texto colado ao estilo de destino.
  • Se a origem estiver formatada, ela será anexada ao componente mais atual.
  • Se o componente habilitar componentes aninhados (por exemplo Guia, Acordeão ou Linha), o conteúdo será anexado ao contêiner primário.
• Se os componentes estiverem desmarcados quando selecionados fora da tela, isso habilitará a colagem com formatação de origem.

Para obter mais informações sobre como editar o código-fonte, consulte Editando o código-fonte no Editor de Conteúdo Avançado