El editor de texto enriquecido es un bloque de creación básico para introducir contenido textual en AEM. Constituye la base de diversos componentes, que incluyen:
El cuadro de diálogo de edición WYSIWYG proporciona una amplia variedad de funcionalidades:
Las características disponibles pueden configurarse para proyectos individuales; por lo tanto, podrían variar para su instalación.
Además del modo de edición de texto enriquecido basado en cuadros de diálogo, AEM también proporciona un modo de edición in situ, que permite la edición directa de texto tal y como aparece en el diseño de la página.
Haga clic dos veces en un párrafo (un doble clic lento) para entrar al modo de edición in situ (el borde del componente ahora estará de color naranja).
Podrá editar directamente el texto en la página, en vez de en el interior de una ventana de un cuadro de diálogo. Simplemente realice los cambios y se guardarán automáticamente.
Si tiene abierto el buscador de contenido, se mostrará una barra de herramientas con las opciones de formato RTE en la parte superior de la ficha (como se muestra arriba).
Si el buscador de contenido no está abierto, no se mostrará la barra de herramientas.
Actualmente, el modo de edición directamente está habilitado para elementos de página generados por los componentes Texto y Título.
El componente Título está diseñado para contener texto corto sin saltos de línea. Cuando edite un título en modo de edición in situ, al especificar un salto de línea se abrirá un nuevo componente Texto debajo del título.
El Editor de texto enriquecido proporciona una serie de funciones, que dependen de la configuración del componente individual. Las funciones están disponibles tanto para la interfaz de usuario táctil optimizada como para la clásica.
Aquí puede aplicar formato a caracteres que ha seleccionado (resaltado); algunas opciones también tienen teclas de métodos abreviados.
Todos funcionan como conmutadores; por lo tanto, si vuelve a seleccionar, se quita el formato.
Su instalación puede incluir estilos y formatos predefinidos. Están disponibles con las listas desplegables Estilo y Formato, y pueden aplicarse a texto seleccionado.
Se puede aplicar un estilo a una cadena específica (un estilo se correlaciona con CSS):
Mientras que se aplica un formato a todo el texto del párrafo (un formato está basado en HTML):
Un formato específico puede cambiarse solamente (el valor predeterminado es Párrafo).
Se puede quitar un estilo; coloque el cursor dentro del texto al que se aplicó el estilo y haga clic en el icono Quitar:
No vuelva a seleccionar realmente ninguna parte del texto al que se aplicó el estilo o el icono se desactivará.
Están disponibles las funciones estándar de Cortar y Copiar. Se proporcionan varias opciones de Pegar para adaptarse a los diferentes formatos.
Cortar (Ctrl-X)
Copiar (Ctrl-C)
Pegar Este es el mecanismo de pegado predeterminado (Ctrl-V) para el componente; cuando se instala de forma predeterminada, se configura para que sea Pegar desde Word.
Pegar como texto: elimina todos los estilos y formatos para pegar únicamente el texto sin formato.
Pegar desde Word: pega el contenido como HTML (con el formato adicional necesario).
AEM lleva un registro de las últimas 50 acciones realizadas en el componente actual en orden cronológico. Es posible deshacer estas acciones (y luego rehacerlas) en orden estricto si es necesario.
El historial se conserva únicamente durante la sesión de edición actual. Se reinicia cada vez que se abre el componente para editar.
Cincuenta es el número predeterminado de tareas. Este valor puede variar en su instalación.
El texto puede alinearse a la izquierda, al medio o a la derecha.
Es posible aumentar o reducir la sangría de un párrafo. Se aplicará sangría al párrafo seleccionado, todo nuevo texto especificado retendrá el nivel de sangría actual.
Dentro del texto pueden crearse tanto listas numeradas como listas con viñetas. Seleccione el tipo de lista y comience a escribir o resalte el texto que desee convertir. En ambos casos, un salto de línea generará un nuevo elemento de lista.
Pueden crearse listas anidadas aplicando sangría a uno o varios elementos de lista.
El estilo de una lista puede cambiar con solo colocar el cursor dentro de ella y luego seleccionar el otro estilo. Una sublista también puede tener un estilo diferente a la lista que la contiene. Este puede aplicarse una vez que se ha creado la sublista (mediante sangría).
Un vínculo a una dirección URL (ya sea dentro del sitio web o una ubicación externa) se genera resaltando el texto requerido y haciendo clic en el icono de hipervínculo:
Un cuadro de diálogo permitirá especificar la URL de destino; también si debería abrirse en una nueva ventana.
Puede hacer lo siguiente:
www.TargetUri.org#AnchorName
#anchor
El URI puede añadirse delante con cualquiera de los protocolos configurados para la instalación. En una instalación estándar, estos son https://
, ftp://
, y mailto:
. Los protocolos que no estén configurados para la instalación serán rechazados y marcados como no válidos.
Para anular el vínculo, posicione el cursor en cualquier parte dentro del texto del vínculo y haga clic en el icono Desvincular:
Se puede crear un anclaje en cualquier parte dentro del texto al posicionar el cursor o al seleccionar texto. A continuación, haga clic en el icono Anclaje para abrir el cuadro de diálogo.
Especifique el nombre del anclaje y haga clic en Aceptar para guardar.
El anclaje se muestra cuando se edita el componente y ahora se puede usar dentro de un destino para vínculos.
AEM contiene las funciones Buscar y Reemplazar.
Ambas tienen un botón Buscar siguiente para buscar el texto especificado en el componente abierto. También puede especificar si necesita que haya coincidencia con mayúsculas y minúsculas.
La búsqueda siempre comenzará desde la posición del cursor actual dentro del texto. Cuando se llegue al final del componente, un mensaje le informará de que la siguiente operación de búsqueda comenzará desde arriba.
La opción Reemplazar permite Buscar y luego Reemplazar una instancia individual con el texto especificado, o Reemplazar todas las instancias en el componente actual.
Es posible arrastrar imágenes desde el buscador de contenido para agregarlas al texto.
AEM también ofrece componentes especializados para una configuración de imagen más detallada. Por ejemplo, tiene a su disposición los componentes Imagen e Imagen de texto.
La revisión ortográfica revisará todo el texto en el componente actual.
Los errores ortográficos quedarán resaltados:
La revisión ortográfica se realiza en el idioma del sitio web empleando la propiedad de idioma del subárbol o extrayendo el idioma de la URL. Por ejemplo, la rama en
se revisa en inglés y la rama de
, en alemán.
Las tablas están disponibles tanto:
Como el componente Tabla
Desde el componente Texto
Aunque las tablas están disponibles en el RTE, se recomienda utilizar el Tabla al crear tablas.
En los componentes Texto y Tabla, la funcionalidad de tabla está disponible mediante el menú contextual (generalmente el botón derecho del ratón) donde se hace clic dentro de la tabla. Por ejemplo:
En el componente Tabla, también hay disponible una barra de herramientas especializada, que incluye diversas funciones de editor de texto enriquecido estándar, junto con un subconjunto de las funciones específicas de las tablas.
Las funciones específicas de las tablas son:
Las propiedades básicas de la tabla pueden configurarse antes de hacer clic en Aceptar para guardar:
Ancho: Ancho total de la tabla.
Altura: altura total de la tabla.
Borde: tamaño del borde de la tabla.
Margen de celdas: define el espacio en blanco entre el contenido de la celda y sus bordes.
Espaciado de celdas: define la distancia entre las celdas.
Algunas propiedades de celda, como Width y Height, pueden definirse como píxeles o como porcentajes.
El Adobe recomienda definir una anchura para la tabla.
Es posible configurar las propiedades de una celda específica o serie de celdas:
Las filas pueden agregarse encima o debajo de la fila actual.
También puede eliminarse la fila actual.
Las columnas pueden agregarse a la izquierda o a la derecha de la columna actual.
También puede eliminarse la columna actual.
Selecciona toda la fila o columna actual. Hay acciones específicas (por ejemplo, combinar) disponibles.
Seleccione una celda única para dividirla:
Crear una tabla anidada creará una nueva tabla autocontenida dentro de la celda actual.
El navegador determina cierto comportamiento adicional:
Utilice la opción para quitar la tabla de la tabla de Texto componente.
Se pueden hacer disponibles caracteres especiales para su editor de texto enriquecido, los cuales podrían variar con la instalación.
Coloque el puntero encima para ver una versión ampliada del carácter, y luego haga clic para incluirlo en la ubicación actual en el texto.
El modo de edición de fuente permite ver y editar el HTML subyacente del componente.
Por lo tanto, el texto:
Tendrá el siguiente aspecto en el modo de origen (a menudo el origen es mucho más largo, por lo que tendrá que desplazarse):
Cuando se sale del modo de origen, AEM hace ciertas comprobaciones de validación (por ejemplo, garantizar que el texto esté contenido o anidado correctamente en bloques). Esto puede generar cambios en sus modificaciones.