[AEM Sites]{class="badge positive" title="(Se aplica a AEM Sites)."}
Creación de contenido con el editor universal authoring
Aprenda lo fácil e intuitivo que es para los autores crear contenido con el editor universal.
Introducción introduction
El editor universal permite editar cualquier aspecto de cualquier contenido en cualquier implementación para que pueda ofrecer experiencias excepcionales y aumentar la velocidad de contenido.
Para ello, el Editor universal proporciona a los creadores de contenido una IU intuitiva que requiere una formación mínima para comenzar a editar contenido. Este documento describe la experiencia de creación del editor universal.
Edición de contenido editing-content
La edición de contenido es sencilla e intuitiva. Al pasar el ratón sobre el contenido en el editor, el contenido editable se resalta con un contorno fino de color azul claro y un distintivo.
Al tocar o hacer clic en el contenido resaltado, se selecciona y el contorno delgado de color azul claro se convierte en un contorno de color azul oscuro con un distintivo.
Según el contenido que seleccione, es posible que tenga diferentes opciones de edición in situ, así como información y opciones adicionales para el contenido en el panel propiedades.
Menú contextual context-menu
Cada parte del contenido editable se etiqueta con el tipo de contenido que es.
Puede hacer clic en este distintivo para acceder rápidamente a un menú contextual con acciones de edición. Al hacer clic con el botón derecho en un elemento editable no seleccionado, se selecciona automáticamente y también se abre el menú contextual.
Edición de texto sin formato edit-plain-text
Puede editar el texto en su lugar haciendo doble clic o pulsando dos veces el componente.
El contorno delgado y azul claro se convierte en un contorno azul oscuro para indicar la selección y aparece un cursor. Realice los cambios y, a continuación, pulse intro/retorno o seleccione fuera del cuadro de texto para guardar los cambios.
Al seleccionar el componente de texto, sus detalles se muestran en el panel propiedades. También puede editar el texto en el panel.
Además, los detalles del texto están disponibles en el panel de propiedades. Los cambios se guardan automáticamente una vez que el enfoque abandona el campo editado en el panel de propiedades.
Edición de texto enriquecido edit-rich-text
Puede editar el texto en su lugar haciendo doble clic o pulsando dos veces el componente.
Para su comodidad, las opciones de formato y los detalles del texto están disponibles en dos lugares.
El menú contextual de texto enriquecido rich-text-context-menu
Se abre un menú contextual sobre el bloque de texto enriquecido y ofrece opciones de formato básicas en contexto. Debido a las limitaciones de espacio, algunas opciones pueden estar ocultas detrás del botón de puntos suspensivos.
Los cambios se guardan automáticamente una vez que el foco sale del campo editado.
El panel Propiedades properties-rail
El panel de propiedades muestra una entrada para el componente de texto enriquecido seleccionado.
Pulse la entrada para abrir un cuadro de diálogo que presente un lienzo más grande para editar el texto enriquecido.
Pulse o haga clic en Cancelar o Listo para descartar o guardar los cambios, respectivamente. También puede pulsar la tecla escape para guardar los cambios y cerrar el cuadro de diálogo.
Opciones de formato de texto enriquecido formatting-options
El editor de texto enriquecido (RTE) del editor universal permite al autor aplicar formato de texto estándar. Estas son las opciones disponibles.
-
Estilo de párrafo
- Párrafo, h1-h6, código
-
Negrita
-
Cursiva
-
Subrayado
-
Tachado
-
Color de texto
- Abre una paleta de colores donde puede seleccionar un color o especificar un valor hexadecimal
- Solo disponible en el editor modal, no en contexto
-
Superíndice
-
Subíndice
-
Lista de viñetas
- Utilice la tecla TAB para aplicar sangría y Mayús+Tab para anular la sangría.
-
Lista ordenada
- Utilice la tecla TAB para aplicar sangría y Mayús+Tab para anular la sangría.
-
Vincular
- Especifique una URL o utilice el Explorador de contenido para seleccionar una ruta en AEM.
-
Desvincular
- Quitar vínculo del texto seleccionado.
-
Imagen
- Especifique una URL o use selector de recursos para seleccionar un recurso de AEM.
-
Tabla
- Utilice la lista desplegable para insertar una nueva tabla con el número seleccionado de columnas y filas, o insertar y quitar nuevas columnas/filas.
-
Alineación
- Alinear a la izquierda
- Alinear al centro
- Alinear a la derecha
- Alinear justificación
-
De derecha a izquierda
-
De izquierda a derecha
-
Sangría
-
Anular sangría
-
Pegar como texto
- Quite el formato del texto del portapapeles antes de pegarlo en el editor universal.
-
Quitar todo el formato
- Quitar todas las opciones de formato del texto seleccionado.
Según el back-end, las opciones disponibles de forma predeterminada pueden variar. El RTE se puede configurar para ocultar opciones o mostrar opciones adicionales según las necesidades de los autores. Consulte el documento Configuración del RTE para el editor universal para obtener más información.
Edición de medios edit-media
Puede ver sus detalles en el panel propiedades.
- Toque o haga clic en la previsualización de la imagen seleccionada en el panel de propiedades.
- Se abre la ventana selector de activos para que puedas seleccionar un activo.
- Seleccione para seleccionar un nuevo activo.
- Seleccione Select para volver al panel de propiedades donde se reemplazó el recurso.
Los cambios se guardan automáticamente en el contenido.
Edición de fragmentos de contenido edit-content-fragment
Si selecciona un fragmento de contenido, puede editar sus detalles en el panel de propiedades.
Los campos definidos en el modelo de contenido del fragmento de contenido seleccionado se muestran y se pueden editar en el panel de propiedades.
Si selecciona un campo relacionado con un fragmento de contenido, este se carga en el panel Componentes y el campo se desplaza automáticamente a.
Los cambios se guardan automáticamente una vez que el foco sale del campo editado en el panel de propiedades.
Si en su lugar desea editar el fragmento de contenido en editor de fragmentos de contenido, toque o haga clic en el botón Abrir en editor CF del panel de propiedades.
e para editar el fragmento de contenido seleccionado en el editor de fragmentos de contenido.Según las necesidades del flujo de trabajo, es posible que desee editar el fragmento de contenido en el editor universal o directamente en el editor de fragmentos de contenido.
Adición de componentes a contenedores adding-components
-
Seleccione un componente contenedor en el árbol de contenido o en el editor.
-
A continuación, puede hacer lo siguiente:
-
Seleccione el icono Add en el panel de propiedades.
-
Seleccione la opción Agregar en el menú contextual.
-
-
Se abrirá el cuadro de diálogo Selector de componentes.
- Utilice la columna izquierda para filtrar los componentes por categoría o utilice la búsqueda para filtrar por nombre.
- Haga clic en el nombre del componente en la columna derecha para insertarlo en el contenedor.
- Si solo se permite un componente en el contenedor, se inserta automáticamente.
- Haga clic fuera del selector para cancelar la inserción del componente.
El componente se inserta en el contenedor y se puede editar en el editor.
a para agregar un componente al contenedor seleccionado.Duplicación de componentes en contenedores duplicating-components
-
Seleccione un componente de un contenedor mediante el árbol de contenido o el editor.
-
A continuación, puede hacer lo siguiente:
-
Seleccione el icono Duplicate en el panel de propiedades.
-
Seleccione la opción Duplicate en el menú contextual.
-
El componente se duplica y se inserta debajo del componente seleccionado.
Eliminación de componentes de contenedores deleting-components
-
Seleccione un componente de un contenedor en el árbol de contenido o en el editor.
-
A continuación, puede hacer lo siguiente:
-
Seleccione el icono Delete en el panel de propiedades.
-
Seleccione la opción Delete en el menú contextual.
-
El componente seleccionado se ha eliminado.
Shift+Backspace para eliminar el componente seleccionado de su contenedor.Reordenación y movimiento de componentes reordering-components
Puede mover y reordenar los componentes mediante el menú contextual o el árbol de contenido.
Mover componentes con el menú contextual move-context-menu
-
Haga clic con el botón secundario en un componente o haga clic en el distintivo del componente seleccionado para abrir el menú contextual.
-
Seleccione la opción de movimiento que desee.
- Mover al principio
- Subir
- Bajar
- Mover al final
El componente se mueve tanto en el editor como en el árbol de contenido.
Command-U o Shift-Command-U para subir o subir, respectivamente.Use las teclas de acceso rápido
Command-J o Shift-Command-J para desplazarse hacia abajo o hacia abajo, respectivamente.Reordenar componentes con el árbol de contenido reorder-content-tree
-
Si aún no está en modo de árbol de contenido, cambie a él.
-
Seleccione un componente contenedor en el árbol de contenido o en el editor.
-
Seleccione el icono de cheurón del contenedor para expandir su contenido en el árbol de contenido.
-
Arrastre los iconos del control junto a los componentes dentro del contenedor para ver si puede reorganizarlos. Arrastre los componentes para reordenarlos dentro del contenedor.
-
El componente arrastrado aparece atenuado en el árbol de contenido, mientras que el punto de inserción se representa mediante una línea azul. Suelte el componente para colocarlo en su nueva ubicación.
Los componentes se reordenan tanto en el árbol de contenido como en el editor.
Deshacer y rehacer undo-redo
Seleccione los botones Deshacer o Rehacer para deshacer o rehacer la última edición en el editor.
- Se pueden deshacer y rehacer las ediciones realizadas en el contexto, las ediciones realizadas a través del panel Propiedades, así como añadir, duplicar, mover y eliminar bloques.
- Deshacer y rehacer está limitado a la sesión actual del explorador.
Command-Z o Shift-Command-Z para deshacer o rehacer, respectivamente.Copiar y pegar copy-paste
Puede copiar y pegar componentes que se encuentren dentro de contenedores. Esto solo es posible si el contenedor de destino no tiene filtros configurados o si tiene filtros que permitan pegar el componente.
Copiar y pegar pueden estar en la misma pestaña del explorador o entre pestañas del explorador, siempre que las pestañas ya estén abiertas. No puede copiar un elemento y, a continuación, abrir una nueva pestaña del explorador para pegarlo.
-
Seleccione un componente dentro del editor o en el árbol de contenido.
-
A continuación, puede hacer lo siguiente:
- Haga clic en el icono Copiar en el panel propiedades.
- Seleccione la opción Copiar en el menú contextual.
- Haga clic en el icono Copiar en el panel propiedades.
-
Seleccione el componente after en el que desea pegar el componente copiado.
-
A continuación, puede hacer lo siguiente:
- Toque o haga clic en Pegar en el panel de propiedades.
- Seleccione Pegar en el menú contextual.
- Toque o haga clic en Pegar en el panel de propiedades.
El componente copiado se ha pegado después de el componente seleccionado.
Command-C o Command-V para copiar o pegar, respectivamente.Vista previa del contenido previewing-content
Cuando haya terminado de editar el contenido, a menudo querrá navegar por él para ver cómo queda dentro del contenido de otras páginas. En el modo de vista previa, puede hacer clic en los vínculos para navegar por el contenido como lo haría un lector. El contenido se muestra en el editor tal y como se publicaría.
En el modo de vista previa, al tocar o hacer clic en el contenido se reacciona como lo haría con un lector del contenido. Si desea seleccionar el contenido para editarlo, cierre el modo de vista previa.
Edición de herencia de componentes inheritance
La herencia es el mecanismo por el que se puede vincular el contenido de forma que, al cambiar uno, se cambie automáticamente el otro.
Con el Editor universal, puede cancelar la herencia de contenido simplemente actualizando el contenido. El editor deshabilita automáticamente la herencia para todos los cambios realizados por los autores en esa página, lo que garantiza que el contenido modificado se conserve cuando las actualizaciones se sincronizan desde el modelo.
Si la Extensión de administración AEM varios sitios (MSM) está habilitada para el programa, tiene opciones de barra de herramientas adicionales para ver y cambiar el estado de herencia de un componente individual en el Editor universal.
Para obtener más información sobre cómo funciona la herencia mediante el Editor universal, vea Herencia de contenido en el Editor universal.
Funciones opcionales de la barra toolbar-options
Hay disponibles funciones adicionales como extensiones del Editor universal que le ayudarán a administrar aún más sus páginas y contenido. Un administrador debe habilitar estas extensiones en el programa antes de que usted pueda verlas como autor de contenido en la barra de herramientas del Editor universal.
Herencia inheritance-extension
La extensión AEM Multi-Site-Management (MSM) muestra el estado de herencia actual del componente seleccionado y le permite interrumpir o restablecer la herencia.
El icono Herencia instalada de la barra de herramientas del Editor universal muestra que la herencia sigue activa para el componente seleccionado.
Toque o haga clic en el icono para interrumpir la herencia del componente seleccionado. La herencia se rompe automáticamente si edita el componente.
El icono Herencia interrumpida muestra que la herencia se ha interrumpido para el componente seleccionado.
Toque o haga clic en el icono para restablecer la herencia del componente seleccionado. Deberá volver a cargar la página para actualizar el contenido y mostrar el contenido heredado.
Para obtener información sobre cómo habilitar esta extensión, consulte la documentación de Extension Manager.
Acceso a las propiedades de página page-properties
La extensión de propiedades de página de AEM permite un acceso rápido a la ventana Propiedades de página para la página que se está editando en ese momento.
Toque o haga clic en el icono Propiedades de página en la barra de herramientas del Editor universal para abrir las propiedades de página de la página en una nueva pestaña del explorador.
Para obtener información sobre cómo habilitar esta extensión, consulte la documentación del Extension Manager.
Acceder a la consola de sitios sites-console
La Extensión de administración AEM sitio permite el acceso rápido a la página que se está editando en la Consola de sitios de AEM, lo que te permite navegar por el árbol del sitio o realizar acciones de nivel de página en la consola.
Toque o haga clic en el icono para abrir la consola Sitios en una nueva pestaña del explorador, navegando a la página que se encuentra actualmente en el editor.
Para obtener información sobre cómo habilitar esta extensión, consulte la documentación de Extension Manager.
Bloquear y desbloquear páginas locking-pages
La extensión de bloqueo de página de AEM muestra el estado de bloqueo actual de la página en el editor y le permite bloquear o desbloquear la página.
El icono Desbloqueado de la barra de herramientas del Editor universal muestra que la página que se encuentra en el editor no está bloqueada.
Toque o haga clic en el icono para bloquear la página.
El icono Bloqueado de la barra de herramientas del Editor universal muestra que la página que se encuentra en el editor está bloqueada. Pase el ratón sobre el icono para ver una información sobre herramientas que indique el usuario que bloqueó la página.
Toque o haga clic en el icono para desbloquear la página si es el usuario que la ha bloqueado.
Para obtener información sobre cómo habilitar esta extensión, consulte la documentación de Extension Manager.
Flujos de trabajo workflows
La extensión de flujos de trabajo de AEM le permite iniciar un flujo de trabajo en la página que se encuentra actualmente en el editor.
Pulse o haga clic en el icono Flujos de trabajo de la barra de herramientas del Editor universal para abrir el modal Iniciar un flujo de trabajo. La ventana muestra el posible contenido al que se puede aplicar un flujo de trabajo.
- En el menú desplegable Modelo de flujo de trabajo, seleccione el flujo de trabajo que desee aplicar.
- Proporcione una descripción para el flujo de trabajo en el campo Nombre.
- En la lista Contenido que incluir en el flujo de trabajo, utilice las casillas de verificación para definir qué contenido incluir en el flujo de trabajo.
- Pulse o haga clic en Iniciar flujo de trabajo para iniciar el flujo de trabajo o en Cerrar para cancelar.
Para obtener información sobre cómo habilitar esta extensión, consulte la documentación de Extension Manager.
Inicio de sesión de desarrollador developer-login
La extensión de inicio de sesión para desarrolladores AEM Universal Editor Dev Login Extension es útil para desarrolladores que se desarrollan localmente, lo que permite autenticarse de manera conveniente en un SDK de AEM local para realizar pruebas.
Toque o haga clic en el icono Inicio de sesión de desarrollador de la barra de herramientas del Editor universal para proporcionar sus credenciales de inicio de sesión local e iniciar sesión en su SDK de AEM local.
Para obtener información sobre cómo habilitar esta extensión, consulte la documentación de Extension Manager.
Funciones opcionales del panel Propiedades properties-panel-options
Hay disponibles funciones adicionales como extensiones del Editor universal para ayudarle a administrar el contenido de la página. Un administrador debe habilitar estas extensiones en el programa antes de que usted pueda verlas como autor de contenido en el panel de propiedades del Editor universal.
Generar variaciones generate-variations
La extensión Generar variaciones te permite usar inteligencia artificial generativa (IA) para crear variaciones de tu contenido directamente en el panel de propiedades.
Toque o haga clic en el icono Generar variaciones en el panel de propiedades del Editor universal para recibir recomendaciones y crear variaciones. Consulte el documento Generar variaciones - Integrado en editores de AEM para obtener más información sobre cómo funciona la generación de variaciones.
Para obtener información sobre cómo habilitar esta extensión, consulte la documentación del Extension Manager.
Recursos adicionales additional-resources
Para obtener información sobre cómo publicar contenido con el editor universal, consulte este documento.
- Publicación de contenido con el editor universal: descubra cómo el editor visual universal publica contenido y cómo sus aplicaciones pueden gestionar el contenido publicado.
Para obtener más información sobre los detalles técnicos del editor universal, consulte estos documentos para desarrolladores.
- Introducción al editor universal: Descubra cómo el editor universal permite editar cualquier aspecto de cualquier contenido en cualquier implementación para que pueda ofrecer experiencias excepcionales y aumentar la velocidad de contenido.
- Introducción al editor universal en AEM: obtenga información sobre cómo acceder al editor universal y cómo instrumentar la primera aplicación de AEM para utilizarlo.
- Arquitectura del editor universal: obtenga información acerca de la arquitectura del editor universal y cómo fluyen los datos entre sus servicios y capas.
- Atributos y tipos: obtenga información acerca de los atributos y tipos de datos que requiere el editor universal.
- Autenticación del editor universal: obtenga información sobre cómo se autentica el editor universal.