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 todo tipo de contenido en todas las implementaciones para que pueda ofrecer experiencias excepcionales, aumentar la velocidad del contenido y proporcionar una experiencia de última generación a los desarrolladores.
Para ello, se proporciona 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 delgado contorno azul.
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.
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 azul delgado se convierte en un contorno azul grueso para indicar que se ha seleccionado 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 de 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 context-menu
El menú contextual se abre encima del bloque de texto enriquecido y ofrece opciones de formato básicas en contexto. Debido a limitaciones de espacio, algunas opciones pueden estar ocultas detrás del botón de los tres puntos.
Los cambios se guardan automáticamente una vez que el enfoque abandona el campo editado.
El panel Propiedades properties-rail
El panel de propiedades muestra un elemento para el texto seleccionado. Pulse la entrada para abrir un cuadro de diálogo que presente un lienzo más grande para editar el texto.
Pulse o haga clic en Cancelar o Listo para descartar o guardar los cambios, respectivamente.
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 recursos para que pueda seleccionar un recurso.
- Seleccione para seleccionar un nuevo recurso.
- 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, podrá editar sus detalles en el panel propiedades.
Los campos definidos en el modelo de contenido del fragmento de contenido seleccionado se muestran y pueden editarse en el panel de propiedades.
Si selecciona un campo relacionado con un fragmento de contenido, el fragmento de contenido se carga en el panel Componentes y el campo se desplaza automáticamente a.
Los cambios se guardan automáticamente una vez que el enfoque abandona el 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, seleccione el icono de añadir en el panel de propiedades.
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, seleccione el icono Duplicate en el panel de propiedades.
-
El componente se duplica y se inserta debajo del componente seleccionado.
El componente se inserta en el contenedor y se puede editar en el editor.
Eliminación de componentes de contenedores deleting-components
-
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.
-
A continuación, en el árbol de contenido, seleccione un componente dentro del contenedor.
-
Seleccione el icono Eliminar en el panel de propiedades.
El componente seleccionado se ha eliminado.
Shift+Backspace para eliminar el componente seleccionado de su contenedor.Reordenación de componentes en contenedores reordering-components
-
Si aún no está en modo de árbol de contenido, cambie a él.
-
Seleccione un componente de 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 de control junto a los componentes dentro del contenedor para mostrar que puede reorganizarlos. Arrastre los componentes para reordenarlos dentro del contenedor.
-
El componente arrastrado se vuelve gris 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.
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, tocar o hacer clic en el contenido reacciona como lo haría con un lector. Si desea seleccionar el contenido para editarlo, salga del modo de vista previa.
Recursos adicionales additional-resources
Para aprender a publicar contenido con el editor universal, consulte este documento.
- Publicación de contenido con el editor universal: aprenda cómo el editor 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 los contenidos en varias implementaciones para ofrecer experiencias excepcionales, aumentar la velocidad de contenido y proporcionar una experiencia de desarrollador de última generación.
- 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.
Edición de herencia de componentes inheritance
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.
Con el editor universal, puede cancelar la herencia del contenido con solo actualizar 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.
Para obtener más información sobre cómo funciona la herencia mediante el Editor universal, consulte el documento Herencia de contenido en el Editor universal.