Editor de páginas e Editor universal page-editor-universal-editor

O Editor de páginas permanece compatível com o Adobe, mas o Editor universal traz possibilidades interessantes para seus novos projetos.

Fundo background

A Adobe apresentou o Editor universal em 2024 como um editor simplificado que adota uma abordagem de desenvolvimento moderna baseada em Javascript. O Editor universal é a visão do Adobe para uma experiência de criação de conteúdo visual contínua e extensível.

Reconhecendo o conjunto de recursos avançados do Editor de páginas e os inúmeros projetos que investem nele ao longo da longa história do AEM, a Adobe continua a oferecer suporte total ao Editor de páginas, embora a inovação se concentre no Editor universal.

Recomendação recommendation

Embora esteja restringindo rapidamente, ainda há uma lacuna de recursos entre o Editor Universal e o Editor de Páginas (uma comparação de recursos pode ser encontrada na próxima seção).

Como regra geral:

  • Novos projetos devem usar o Editor Universal como padrão.
  • Projetos existentes devem continuar usando o Editor de páginas e considerar o Editor universal ao iniciar os esforços do Edge Delivery ou do Headless.

O editor escolhido deve ser totalmente orientado pelas necessidades do projeto individual.

Comparação de recursos feature-comparison

Como a lacuna de recursos entre os dois editores está diminuindo constantemente, consulte as notas de versão do Universal Editor para obter os desenvolvimentos mais recentes.

Entrega delivery

Editor de página
Notas
Editor universal
Notas
Publicar Entrega
[Disponível]{class="badge positive"}
Recomendado para uso com os Componentes principais e projetos tradicionais do AEM
[Indisponível]{class="badge negative"}
As páginas tradicionais do AEM normalmente dependem de vários recursos específicos do Editor de páginas que são difíceis de replicar como estão com o Universal Editor.
Edge Delivery
[Indisponível]{class="badge negative"}
[Disponível]{class="badge positive"}
Entrega headless
[Parcialmente Disponível]{class="badge yellow"}
Somente com o Editor de SPA, que foi descontinuado em favor do Editor Universal
[Disponível]{class="badge positive"}
O Editor universal permite que os desenvolvedores tragam seu próprio aplicativo web sem impor requisitos de estrutura específicos ou restrições de implementação.

Persistência persistence

Editor de página
Notas
Editor universal
Notas
Editar componentes da página
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Editando Fragmentos de conteúdo
[Indisponível]{class="badge negative"}
[Disponível]{class="badge positive"}
Inclusão da inserção de fragmentos novos e de reordenação

Recursos capabilities

Editor de página
Notas
Editor universal
Notas
Modelos de páginas
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
O Editor Universal é agnóstico em relação ao sistema de modelo usado. No entanto, o padrão de implementação típico favorece modelos definidos pelo desenvolvedor, já que as ferramentas de front-end modernas facilitam muito a definição e a manutenção da lógica do modelo diretamente no código.
Edição do WYSIWYG
[Disponível]{class="badge positive"}
Limitado a páginas
[Disponível]{class="badge positive"}
Páginas de suporte e fragmentos de conteúdo
Gerar variações
[Indisponível]{class="badge negative"}
[Disponível]{class="badge positive"}
Disponível como uma extensão
Inserir novo bloco
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Reordenar bloco
[Disponível]{class="badge positive"}
Possível com arrastar e soltar no contexto, mas não no painel lateral "exibição em árvore"
[Disponível]{class="badge positive"}
Possível por meio do arrastar e soltar no painel lateral "exibição em árvore", mas ainda não no contexto (planejado)
Recortar/Copiar-Colar bloco
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Aplicar estilos
[Disponível]{class="badge positive"}
Os estilos podem ser aplicados a componentes usando o Sistema de Estilos.
[Disponível]{class="badge positive"}
Os estilos podem ser aplicados usando propriedades regulares de componente (ou Fragmento de conteúdo). O mesmo seletor de estilo não está disponível no Editor universal, no entanto, usar um widget de multisseleção para um UX muito semelhante pode ser obtido.
Aplicar layout
[Disponível]{class="badge positive"}
Os sites devem implementar a Grade responsiva do AEM para permitir que os autores redimensionem componentes em três pontos de interrupção predefinidos.
[Disponível]{class="badge positive"}
Os layouts podem ser aplicados usando propriedades regulares de componente (ou Fragmento de conteúdo). No entanto, a Grade responsiva não é compatível.
Desfazer-Refazer
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Publicar (também para visualização)
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Iniciar fluxo de trabalho
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Disponível como uma extensão
Comentando
[Disponível]{class="badge positive"}
Usando anotações
[Indisponível]{class="badge negative"}
Planejado
Integração com o Workfront
[Indisponível]{class="badge negative"}
[Disponível]{class="badge positive"}
Disponível como uma extensão
MSM e inicializações
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Disponível para páginas como uma extensão
Experimentação e personalização
[Disponível]{class="badge positive"}
Usando o Modo de destino
[Disponível]{class="badge positive"}
Disponível como uma extensão para o Edge Delivery Services
Árvore de conteúdo
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Também permite reordenar dentro da árvore
Simulação de dispositivo
[Disponível]{class="badge positive"}
Dispositivos configurados podem ser simulados, mas o usuário não pode inserir manualmente dimensões de tela diferentes para simular.
[Disponível]{class="badge positive"}
Qualquer dimensão de tela a ser simulada pode ser inserida manualmente, mas os pontos de interrupção padrão não podem ser configurados.
Bloqueio de páginas
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Respeita o status de bloqueio definido no Console Sites com a extensão disponível para bloquear/desbloquear páginas do editor
Propriedades da página
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Disponível pelo Administrador do site, com extensão para também acessar as propriedades das páginas do editor
Propriedades de vários campos
[Disponível]{class="badge positive"}
[Indisponível]{class="badge negative"}
Planejado
DAM remoto
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Controle de versão da página
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
TimeWarp e Exibição de comparação
[Disponível]{class="badge positive"}
[Indisponível]{class="badge negative"}
Planejado
Exibir no admin
[Disponível]{class="badge positive"}
[Disponível]{class="badge positive"}
Disponível como uma extensão para páginas
Exibir status da página
[Disponível]{class="badge positive"}
[Indisponível]{class="badge negative"}
Disponível no console Sites
Extensibilidade
[Disponível]{class="badge positive"}
Como sobreposições do AEM
[Disponível]{class="badge positive"}
Como pontos de extensão claramente definidos usando o App Builder e muito pouco conhecimento específico do AEM

Adoção do Editor universal adopt-ue

O Editor Universal oferece muitas vantagens, tornando-se uma ótima solução para novos projetos.

  • Edição visual: assim como no Editor de páginas, os autores podem editar o conteúdo diretamente na visualização e ver instantaneamente como suas alterações afetam a experiência do visitante.
  • Prova futura: o roteiro do AEM prioriza o Editor universal como editor visual. A sua adoção garante o acesso às mais recentes inovações e melhorias.
  • Integração mais simples: nenhuma SDK específica do AEM é necessária para usar o Editor Universal, reduzindo o bloqueio da pilha técnica.
  • Traga Seu Próprio Aplicativo: O Universal Editor oferece suporte a qualquer estrutura ou arquitetura da Web, permitindo a adoção sem a necessidade de refatoração complexa.
  • Extensibilidade: o Editor Universal se beneficia de uma estrutura de extensão robusta, que inclui integrações com GenAI, Workfront e muito mais.

Migração para o Editor universal migrate-ue

Não há caminho de migração direto do Editor de páginas para o Editor universal. Isso se deve a diferenças fundamentais nas duas tecnologias.

  • O Editor universal não reintroduz recursos como o Editor de modelo, o Sistema de estilos ou a Grade responsiva.

    • Esses casos de uso agora podem ser tratados com mais eficiência com CSS de front-end enxuto e JavaScript em projetos do Edge Delivery Services ou headless.
  • Como o Editor universal é um editor como um serviço, ele não pode permitir que os implementadores injetem CSS ou JS nas caixas de diálogo do componente.

    • Isso impede a conversão automática das caixas de diálogo do componente no Editor de páginas.
    • Isso afeta muitas áreas das caixas de diálogo, como widgets personalizados, validação de campo, regras de mostrar/ocultar e personalizações baseadas em modelo.
      • Embora esses recursos ainda sejam possíveis, o Editor universal os resolve por meio de configuração, em vez de implantar JavaScript personalizado em caixas de diálogo.

Embora o Editor universal possa tecnicamente habilitar a edição de páginas para projetos tradicionais do AEM (por exemplo, criados com os Componentes principais), esses sites normalmente dependem de vários recursos específicos do Editor de páginas, como o Sistema de estilos, Grade responsiva, Modelos editáveis e Javascript personalizado nas caixas de diálogo.

Como o Editor universal segue uma abordagem mais simplificada e moderna que não oferece suporte a esses recursos herdados, a migração desses sites exigiria uma refatoração significativa. Por esse motivo, migrar sites do Editor de páginas para o Editor universal é recomendado somente para projetos em transição para o Edge Delivery Services.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab