AEM Edición del contenido de la página con el editor de páginas de la edit-content
AEM El editor de páginas de es una potente herramienta para crear el contenido de una página. Aprenda a utilizarlo para arrastrar y soltar contenido y editar contenido in situ.
Información general overview
Hay tres acciones básicas que puede realizar en el editor de páginas para editar el contenido:
- Adición de nuevos componentes arrastrándolos y soltándolos en la página.
- Adición de nuevos recursos arrastrándolos y soltándolos en la página.
- Edición de componentes in situ que ya existen en la página.
AEM El editor de páginas de proporciona una interfaz de usuario intuitiva para realizar estas tareas, además de proporcionar acceso a funciones más avanzadas.
Además, el editor le permite organizar el contenido existente en su página permitiéndole lo siguiente
Agregando componentes adding-components
Puede arrastrar y soltar nuevos componentes en la página seleccionándolos en el menú navegador de componentes en el panel lateral y soltarlos en un marcador de posición de componente.
Marcador de posición de componente component-placeholder
El marcador de posición de componente es un indicador que muestra dónde se colocará un componente cuando lo suelte. Tiene dos apariencias.
-
Al añadir un componente nuevo a la página (arrastrando desde el explorador de componentes), aparecerá como un cuadro gris con detalles del componente que está colocando.
-
Cuándo mover un componente existente, aparecerá como un cuadrado azul.
En ambos casos, el destino seleccionado aparecerá como un contorno azul debajo del componente que está arrastrando. El destino si el componente se va a colocar en el momento de su lanzamiento.
Añadir un componente desde el navegador de componentes adding-a-component-from-the-components-browser
Puede seleccionar un componente nuevo mediante el navegador de componentes. El marcador de posición de componente le muestra dónde está colocando el componente.
- Asegúrese de que el editor de páginas está en Editar modo.
- Abra el navegador de componentes.
- Arrastre el componente requerido a posición requerida y la versión.
- Editar el componente recién colocado.
Adición de un componente desde el sistema de párrafos adding-a-component-from-the-paragraph-system
Puede agregar un componente nuevo mediante el Arrastre los componentes aquí marcador de posición del sistema de párrafos:
-
Asegúrese de que el editor de páginas está en Editar modo.
-
Existen dos formas de seleccionar y añadir un componente nuevo desde el sistema de párrafos:
-
Seleccione la opción Insertar componente (+) de la barra de herramientas de un componente existente o del cuadro Arrastrar componentes aquí.
-
Si está en un dispositivo de escritorio, puede hacer doble clic en el Arrastre los componentes aquí cuadro.
-
-
El Insertar nuevo componente diálogo abierto para permitirle seleccionar el componente requerido. Toque o haga clic en el componente que desee añadir.
- Utilice los filtros de búsqueda para encontrar el componente.
- Utilice el icono de información situado junto a los nombres de los componentes para obtener más información sobre el componente.
-
El componente seleccionado se añade al destino seleccionado. Edite el componente como sea necesario.
Agregar un recurso adding-asset
También puede agregar un componente nuevo a la página arrastrando un recurso desde el explorador de recursos. Esto crea automáticamente un componente del tipo adecuado (y que contiene el recurso).
Puede configurar este comportamiento en su instalación. Consulte el documento Guía de referencia de componentes para obtener más información.
Para crear un componente arrastrando uno de los tipos de activo anteriores:
- Asegúrese de que la página se encuentra en Editar modo.
- Abra el explorador de recursos.
- Arrastre el recurso en cuestión hasta la posición deseada. El marcador de posición de componente muestra dónde se coloca el componente y un destino mostrará dónde se insertará.
- Libere el recurso en el destino. Se crea un componente, adecuado para el tipo de recurso, en la ubicación requerida que contiene el recurso seleccionado.
- Editar Seleccione el componente si es necesario.
Si al examinar los recursos descubre que necesita realizar alguna modificación rápida en alguno de ellos, puede iniciar el editor de recursos directamente desde el explorador haciendo clic en el icono de edición que hay junto al nombre del recurso.
Edición de componentes in situ edit-in-place
Al seleccionar un componente, se abre la barra de herramientas de componentes. Esto proporciona acceso a varias acciones que se pueden realizar en el componente.
Las acciones disponibles en la barra de herramientas de componentes son apropiadas para el componente seleccionado. Puede ver más o menos en función del componente seleccionado y pueden describirse o no aquí.
-
Editar permite modificar el contenido del componente, a menudo in situ. Su comportamiento depende del componente.
Botón
-
Configurar permite cambiar algunos parámetros del componente no relacionados directamente con su contenido, normalmente en un cuadro de diálogo. Su comportamiento depende del componente.
-
Copiar copia el componente en el portapapeles para pegarlo en otra parte. El componente original permanece sin cambios.
-
Cortar copia el componente en el portapapeles. Se quitará el componente original.
-
Eliminar elimina el componente de la página con la confirmación.
-
Insertar componente abre el cuadro de diálogo en añada un nuevo componente.
-
Pegar pega el componente del portapapeles en la página. Si el original permanece, depende de si ha utilizado Copiar o Cortar.
- Puede pegar componentes en la misma página o en otra distinta.
- Si pega contenido en otra página que ya estaba abierta antes de la operación de cortar/pegar, debe actualizar la página para ver el contenido que se pegó.
- El elemento se pegará sobre el elemento en el que seleccione la acción de pegar.
- La acción Pegar se muestra únicamente si hay contenido en el portapapeles.
-
Grupo permite seleccionar varios componentes a la vez. En un dispositivo de escritorio puede conseguir lo mismo haciendo Control + clic o Comando + clic.
-
Principal selecciona el componente principal del componente seleccionado.
-
Diseño permite modificar la variable layout del componente seleccionado.
- Esta opción se aplica únicamente al componente seleccionado y no activa el modo de diseño para toda la página.
-
Conversión en una variación de fragmento de experiencia permite crear una fragmento de experiencias del componente seleccionado o añadirlo a un fragmento de experiencia existente.
Cuadro de diálogo de edición de contenido component-edit-dialog
Algunos componentes ofrecen opciones de edición adicionales más allá de lo que está disponible in situ. Puede abrir el cuadro de diálogo de edición de un componente en Icono Editar (lápiz) de la barra de herramientas de componentes para acceder a opciones de configuración adicionales.
Las opciones de edición exactas dependerán del componente. Para algunos componentes algunas acciones solo estarán disponibles en el modo de pantalla completa. Por ejemplo:
-
Componente de texto
-
Componente de imagen
Editar componentes en modo de pantalla completa edit-content-full-screen-mode
Muchos componentes ofrecen un modo de pantalla completa para la edición al que se puede acceder con este botón.
La edición de pantalla completa permite mostrar más opciones de edición que el editor local, como para el componente de imagen.
Utilice el Minimizar para que exista el modo de pantalla completa.
Mover componentes moving-components
Para mover un componente:
-
Seleccione el componente que desea mover pulsando y manteniendo pulsado o pulsando y manteniendo pulsado.
-
Arrastre el componente a la nueva ubicación.
- El editor de páginas indica la posición del componente con un placeholder y dónde se puede soltar el párrafo con un destino.
-
Colóquelo en la ubicación deseada.
Edición del diseño del componente editing-component-layout
En vez de pasar repetidamente de la edición al modo de diseño para ajustar un componente, puede seleccionar la acción Diseño del mismo. Podrá cambiar su diseño sin tener que abandonar el modo de edición, por lo que ahorrará tiempo.
-
En Editar en el modo de la consola sitios, seleccione un componente para mostrar la barra de herramientas del componente.
-
Seleccione el Diseño acción para ajustar el diseño del componente.
-
Una vez seleccionada la acción Diseño, puede modificar el diseño del componente como lo haría en modo de diseño.
- Se muestran los controles de cambio de tamaño del componente.
- La barra de herramientas del emulador aparece en la parte superior de la pantalla.
- En la barra de herramientas del componente se muestran las acciones de diseño en vez de las acciones de edición normales.
-
Después de realizar los cambios de diseño necesarios, toque o haga clic en Cerrar en el menú de acciones del componente para dejar de modificar el diseño del componente y la barra de herramientas del componente vuelve a su estado de edición normal.
Edición de herencia de componentes inherited-components
La herencia es el mecanismo por el que el contenido se puede vincular de modo que, al cambiar uno, se cambia automáticamente el otro. Los componentes heredados pueden ser el producto de distintos escenarios, como por ejemplo:
Puede cancelar y volver a habilitar la herencia. Según el componente, estas opciones están disponibles en la barra de herramientas del componente, si el componente forma parte de una Live Copy o Launch.
-
Cancelar herencia
-
Volver a habilitar la herencia si la herencia ya se ha cancelado
-
Despliegue también está disponible en el modelo o en el origen de Live Copy