Casos de uso do editor universal e caminhos de aprendizagem use-cases-learning-paths
Saiba mais sobre os principais casos de uso do Universal Editor e como saber mais sobre seu uso e como implementá-lo em seus próprios projetos.
Visão geral overview
O Universal Editor é um editor visual versátil que faz parte do Adobe Experience Manager Sites. Ele permite que os autores executem a edição "o que você vê é o que você obtém" (What-You-See-is-What-You-Get, ou WYSIWYG) de qualquer experiência headless ou headful.
Este documento explica esses dois casos de uso em detalhes e mostra como você pode saber mais sobre eles para implementar o Editor universal em seu próprio projeto.
Casos de uso use-cases
O Universal Editor apresenta um editor visual conveniente e intuitivo para seus autores de conteúdo, independentemente do tipo de conteúdo que eles estejam criando. Os dois principais casos de uso são:
- Criação WYSIWYG - Use o console do AEM Sites para gerenciar seu conteúdo e criar páginas no AEM usando o Universal Editor
- Criação headless - crie conteúdo em seu próprio aplicativo headless personalizado usando o editor universal.
Criação WYSIWYG wysiwyg-authoring
Se você já estiver familiarizado com o AEM, poderá usar o console Sites para criar e gerenciar suas páginas e editá-las com o Universal Editor.
Dessa forma, você pode se beneficiar das ferramentas disponíveis no console Sites, como gerenciamento de página (copiar, colar, mover) e fluxos de trabalho, mas também se beneficiar do editor universal moderno.
Se este for seu caso de uso, como uma próxima etapa imediata, consulte os documentos a seguir para obter uma visão geral completa de como começar a usar o Editor universal no AEM.
- Guia de Introdução do Desenvolvedor para criação WYSIWYG com o Edge Delivery Services - Introdução ao seu primeiro projeto do Editor Universal no AEM
- Criação de Blocos Instrumentados para uso com o Editor Universal - Saiba como instrumentar blocos para tornar seu conteúdo editável no Editor Universal
- Modelagem de conteúdo para criação WYSIWYG com Projetos Edge Delivery Services - Saiba mais sobre os detalhes de como os blocos são estruturados para modelar efetivamente seu conteúdo para uso com o Editor Universal.
Depois de ler esses documentos, você pode retornar a esta página para saber mais sobre o caso de uso de criação headless e como o Universal Editor funciona em geral.
Criação headless headless-authoring
Se você já tiver um aplicativo headless, poderá usar o Editor universal para criar conteúdo para o aplicativo e manter seu conteúdo como Fragmentos de conteúdo no AEM. O único requisito é que o aplicativo seja instrumentado para permitir o uso do Editor universal.
Se este for seu caso de uso, como uma próxima etapa imediata, consulte o documento a seguir para obter um exemplo de um aplicativo headless instrumentado para usar o Editor universal.
Depois de ler esse documento, você pode retornar a esta página para saber mais sobre o caso de uso de criação WYSIWYG e como o Editor universal funciona em geral.
Como o Editor Universal Funciona how-ue-works
O poder do Editor universal é sua capacidade de criar qualquer conteúdo no local, fornecendo ao autor de conteúdo uma interface do usuário totalmente intuitiva e unificada, independentemente do conteúdo.
O Editor Universal funciona da seguinte maneira.
-
Um desenvolvedor instrumenta o aplicativo ou a página para usar o Editor universal. Essa instrumentação informa ao editor qual conteúdo é editável e como mantê-lo.
- Para criação WYSIWYG, as páginas criadas usando o modelo padrão são instrumentadas automaticamente.
- Para criação headless, seu aplicativo pode ser facilmente instrumentado.
-
O autor de conteúdo carrega o Editor universal, que, por sua vez, carrega sua página para edição. Por ser instrumentado, ele sabe qual conteúdo é editável e como deve ser representado e persistente.
-
O autor de conteúdo edita o conteúdo da página em uma interface WYSIWYG intuitiva, editando no local.
-
O Editor universal mantém as alterações automaticamente de volta ao AEM.
Se você quiser saber mais sobre a arquitetura do Universal Editor, consulte o documento Arquitetura do Universal Editor.
Conceitos do editor universal concepts
Para que uma página ou aplicativo seja editável pelo Editor universal, ele deve ser instrumentado corretamente. Depois de instrumentado, ele pode ser adaptado ainda mais às necessidades do projeto.
- Atributos e Tipos - Para que um aplicativo ou página seja editável pelo Universal Editor, ele deve ser instrumentado corretamente. Isso inclui a inclusão dos metadados adequados para que o editor possa editar o conteúdo do aplicativo.
- Definições de Modelo, Campos e Tipos de Componentes - Quando os metadados estiverem presentes para habilitar a edição de um componente, você definirá quais campos e tipos de componentes eles poderão manipular no painel de propriedades do editor. Você faz isso criando um modelo e vinculando a ele a partir do componente.
- Personalizando a Experiência de Criação do Editor Universal - Depois que o aplicativo ou a página é totalmente instrumentado, a experiência do Editor Universal pode ser adaptada ainda mais filtrando os componentes disponíveis ou estendendo a funcionalidade do editor.
- Eventos do Universal Editor - Você pode personalizar ainda mais seu aplicativo, reagindo aos eventos padrão que o Universal Envia nas alterações no conteúdo e na interface do usuário.