[AEM Sites]{class="badge positive" title="Aplicável ao AEM Sites)."}

Criação de conteúdo com o Editor universal authoring

Saiba como é fácil e intuitivo para os autores criarem conteúdo utilizando o Editor universal.

Introdução introduction

O Editor universal permite editar qualquer aspecto de qualquer conteúdo em qualquer implementação para que você possa fornecer experiências excepcionais e aumentar a velocidade do conteúdo.

Para isso, o editor universal oferece aos autores de conteúdo uma interface intuitiva que exige apenas um treinamento mínimo para que eles possam simplesmente entrar e começar a editar o conteúdo. Este documento descreve a experiência de criação do Editor Universal.

Editar o conteúdo editing-content

A edição de conteúdo é simples e intuitiva. Ao passar o mouse sobre o conteúdo no editor, o conteúdo editável é realçado com um contorno fino e azul-claro e um selo.

Tocar ou clicar no conteúdo destacado é selecionado e o contorno fino e azul-claro se torna um contorno azul-escuro com um símbolo.

Dependendo do conteúdo selecionado, você pode ter diferentes opções de edição no local, bem como informações e opções adicionais para o conteúdo no painel de propriedades .

Menu de contexto context-menu

Cada parte do conteúdo editável está identificada com o tipo de conteúdo.

Você pode clicar neste selo para obter acesso rápido a um menu de contexto com ações de edição. Clicar com o botão direito do mouse em um item editável não selecionado o seleciona automaticamente e também abre o menu de contexto.

Edição de Texto sem Formatação edit-plain-text

É possível editar o texto no local clicando duas vezes ou tocando duas vezes no componente.

O contorno fino e azul claro se transforma em um contorno azul escuro para indicar a seleção e um cursor é exibido. Faça as alterações e pressione Enter/Return ou selecione fora da caixa de texto para salvar as alterações.

Quando você seleciona o componente de texto, seus detalhes são mostrados no painel propriedades. Também é possível editar o texto no painel.

Além disso, os detalhes do seu texto estão disponíveis no painel de propriedades. As alterações são salvas automaticamente quando o foco sai do campo editado no painel de propriedades.

Edição de Rich Text edit-rich-text

É possível editar o texto no local clicando duas vezes ou tocando duas vezes no componente.

Para sua conveniência, as opções de formatação e os detalhes do texto estão disponíveis em dois lugares.

O Menu de Contexto Rich Text rich-text-context-menu

Um menu de contexto é aberto acima do bloco de rich text e oferece opções básicas de formatação no contexto. Devido a limitações de espaço, algumas opções podem estar ocultas atrás do botão de reticências.

As alterações são salvas automaticamente quando o foco sai do campo editado.

O painel Propriedades properties-rail

O painel de propriedades mostra uma entrada para o componente de rich text selecionado.

O Editor Modal modal-editor

Toque na entrada em o painel de propriedades para abrir um editor modal que ofereça uma tela maior para editar o rich text.

Toque ou clique em Cancelar ou Concluído para descartar ou salvar as alterações, respectivamente. Você também pode pressionar a tecla Escape para salvar as alterações e fechar a caixa de diálogo.

Opções de formatação de rich text formatting-options

O editor de rich text (RTE) do Editor universal permite que o autor aplique a formatação de texto padrão. As seguintes opções estão disponíveis.

Dependendo do back-end, as opções disponíveis por padrão podem variar. O RTE pode ser configurado para ocultar opções ou mostrar opções adicionais, dependendo das necessidades dos autores. Consulte o documento Configurando o RTE para o Editor Universal para obter mais informações.

Editando mídia edit-media

Você pode exibir seus detalhes no painel propriedades.

As alterações são salvas no conteúdo automaticamente.

Edição de fragmentos de conteúdo edit-content-fragment

Se você selecionar um Fragmento do conteúdo, poderá editar seus detalhes no painel propriedades.

Os campos definidos no modelo de conteúdo do fragmento de conteúdo selecionado são exibidos e editáveis no painel de propriedades.

Se você selecionar um campo relacionado a um Fragmento de conteúdo, ele será carregado no painel Componentes e o campo será rolado automaticamente para ele.

As alterações são salvas automaticamente quando o foco sai do campo editado no painel de propriedades.

Se, em vez disso, você quiser editar seu Fragmento de Conteúdo no editor de Fragmento de Conteúdo, toque ou clique no botão Abrir no Editor de Conteúdo no painel de propriedades.

Dependendo das necessidades do fluxo de trabalho, talvez você queira editar o Fragmento de conteúdo no Editor universal ou diretamente no editor de Fragmento de conteúdo.

Adicionar componentes a contêineres adding-components

O componente é inserido no container e pode ser editado no editor.

Duplicação de componentes em contêineres duplicating-components

O componente é duplicado e inserido abaixo do componente selecionado.

Exclusão de componentes de contêineres deleting-components

O componente selecionado foi excluído.

Reorganização e movimentação de componentes reordering-components

Você pode mover e reordenar componentes usando a função arrastar e soltar, o menu de contexto ou a árvore de conteúdo.

Mover componentes com arrastar e soltar drag-and-drop-move

Mover componentes com o menu de contexto move-context-menu

O componente é movido no editor e na árvore de conteúdo.

Mover componentes com a árvore de conteúdo reorder-content-tree

Os componentes são reordenados na árvore de conteúdo e no editor.

Desfazer e refazer undo-redo

Selecione os botões Desfazer ou Refazer para desfazer ou refazer a última edição no editor.

Copiar e colar copy-paste

Você pode copiar e colar componentes que estão em contêineres. Isso só será possível se o contêiner de destino não tiver filtros configurados ou tiver filtros que permitam a colagem do componente.

Copiar e colar podem estar na mesma guia do navegador ou entre guias do navegador, desde que as guias já estejam abertas. Não é possível copiar um item e abrir uma nova guia do navegador para colá-lo.

O componente copiado foi colado depois do componente selecionado.

Visualização de conteúdo previewing-content

Ao terminar de editar o conteúdo, você geralmente deseja navegar por ele e observar como ele é exibido em outras páginas. No modo de visualização, é possível clicar em links e navegar pelo conteúdo, como um leitor faria. O conteúdo é renderizado no editor como seria publicado.

No modo de visualização, tocar ou clicar em um conteúdo reage como faria com um leitor do conteúdo. Se quiser selecionar o conteúdo para edição, desative o modo de visualização.

Editar herança de componente inheritance

Herança é o mecanismo no qual o conteúdo pode ser vinculado de modo que a alteração de um altere automaticamente o outro.

Usando o Editor universal, você pode cancelar a herança de conteúdo simplesmente atualizando o conteúdo. O editor desativa automaticamente a herança de todas as alterações feitas pelos autores nessa página, garantindo que o conteúdo modificado seja retido quando as atualizações forem sincronizadas do blueprint.

Se a Extensão MSM (Gerenciamento de vários sites) do AEM estiver habilitada para o seu programa, você terá opções adicionais de barra de ferramentas para exibir e alterar o status de herança de um componente individual no Editor Universal.

Para obter mais detalhes sobre como a herança funciona usando o Editor Universal, consulte Herança de Conteúdo no Editor Universal.

Recursos opcionais da barra de ferramentas toolbar-options

Recursos adicionais estão disponíveis como extensões para o Universal Editor para ajudá-lo a gerenciar ainda mais suas páginas e conteúdo. Essas extensões devem ser habilitadas em seu programa por um administrador para que você possa vê-las como um autor de conteúdo na barra de ferramentas do Editor Universal.

Herança inheritance-extension

A Extensão MSM (Gerenciamento de vários sites) do AEM exibe o status de herança atual do componente selecionado e permite interromper ou restabelecer a herança.

O ícone Herança Instalada na barra de ferramentas do Editor Universal mostra que a herança ainda está ativa para o componente selecionado.

Toque ou clique no ícone para interromper a herança do componente selecionado. A herança é automaticamente interrompida se você editar o componente.

O ícone Herança Interrompida mostra que a herança foi interrompida para o componente selecionado.

Toque ou clique no ícone para restaurar a herança do componente selecionado. Será necessário recarregar a página para atualizar o conteúdo para mostrar o conteúdo herdado.

Para obter informações sobre como habilitar esta extensão, consulte a documentação do Extension Manager.

Acesso às propriedades da página page-properties

A Extensão de Propriedades da Página do AEM permite acesso rápido à janela de Propriedades da Página da página que está sendo editada no momento.

Toque ou clique no ícone Propriedades da página na barra de ferramentas do Editor Universal para abrir as propriedades da página em uma nova guia do navegador.

Para obter informações sobre como habilitar esta extensão, consulte a documentação do Extension Manager.

Acessar o console Sites sites-console

A Extensão de Administrador de Site do AEM permite acesso rápido à página que está sendo editada no Console de Sites do AEM, permitindo navegar na árvore do site ou executar ações no nível da página no console.

Toque ou clique no ícone para abrir o Console de sites em uma nova guia do navegador, navegada para a página atualmente no editor.

Para obter informações sobre como habilitar esta extensão, consulte a documentação do Extension Manager.

Bloquear e desbloquear páginas locking-pages

A Extensão de Bloqueio de Página do AEM exibe o status de bloqueio atual da página no editor e permite bloquear ou desbloquear a página.

O ícone Desbloqueado na barra de ferramentas do Editor Universal mostra que a página atualmente no editor não está bloqueada.

Toque ou clique no ícone para bloquear a página.

O ícone Bloqueado na barra de ferramentas do Editor Universal mostra que a página atualmente no editor está bloqueada. Passe o mouse sobre o ícone para obter uma dica de ferramenta que indica o usuário que bloqueou a página.

Toque ou clique no ícone para desbloquear a página se você for o usuário que a bloqueou.

Para obter informações sobre como habilitar esta extensão, consulte a documentação do Extension Manager.

Fluxos de trabalhos workflows

A Extensão de Fluxos de Trabalho do AEM permite iniciar um fluxo de trabalho na página atualmente no editor.

Toque ou clique no ícone Fluxos de trabalho na barra de ferramentas do Editor Universal para abrir o modal Iniciar um fluxo de trabalho. A janela lista o conteúdo possível ao qual você pode aplicar um workflow.

Para obter informações sobre como habilitar esta extensão, consulte a documentação do Extension Manager.

Logon do desenvolvedor developer-login

A Extensão de Logon de Desenvolvimento do AEM Universal Editor é útil para desenvolvedores que estão desenvolvendo localmente, permitindo uma maneira conveniente de autenticar em um AEM SDK local para fins de teste.

Toque ou clique no ícone Logon do Desenvolvedor na barra de ferramentas do Editor Universal para fornecer suas credenciais de logon locais para entrar no AEM SDK local.

Para obter informações sobre como habilitar esta extensão, consulte a documentação do Extension Manager.

Recursos opcionais do painel Propriedades properties-panel-options

Recursos adicionais estão disponíveis como extensões para o Universal Editor para ajudar você a gerenciar ainda mais o conteúdo da página. Essas extensões devem ser habilitadas em seu programa por um administrador para que você possa vê-las como um autor de conteúdo no painel de propriedades do Universal Editor.

Gerar variações generate-variations

A extensão Gerar variações permite usar a inteligência artificial geradora (AI) para criar variações para o seu conteúdo diretamente no painel de propriedades.

Toque ou clique no ícone Gerar Variações no painel de propriedades do Universal Editor para receber recomendações e criar variações. Consulte o documento Gerar variações - Integrado em editores do AEM para obter mais detalhes sobre como funciona a geração de variações.

Para obter informações sobre como habilitar esta extensão, consulte a documentação do Extension Manager.

Recursos adicionais additional-resources

Para saber como publicar conteúdo com o editor universal, consulte este documento.

Para saber mais sobre os detalhes técnicos do Universal Editor, consulte estes documentos do desenvolvedor.