Editor de texto enriquecido rich-text-editor
AEM El Editor de texto enriquecido es un bloque de creación básico para introducir contenido textual en los elementos de texto de los elementos de texto de los elementos de texto de los elementos de texto de la interfaz de usuario. Constituye la base de varios componentes, entre los que se incluyen:
- Texto
- Imagen de texto
- Tabla
Editor de texto enriquecido rich-text-editor-1
El cuadro de diálogo de edición WYSIWYG proporciona una amplia gama de funcionalidades:
Edición in situ in-place-editing
AEM Además del modo de edición de texto enriquecido basado en el cuadro de diálogo, también proporciona el modo de edición in situ, que permite editar directamente el texto tal y como se muestra en el diseño de la página.
Haga clic dos veces en un párrafo (un doble clic lento) para entrar en el modo de edición local (el borde del componente ahora será naranja).
Podrá editar directamente el texto de la página, en lugar de hacerlo desde una ventana de diálogo. Simplemente realice los cambios y se guardarán automáticamente.
Actualmente, el modo de edición local está habilitado para los elementos de página generados por los componentes Text y Title.
Funciones del editor de texto enriquecido features-of-the-rich-text-editor
El Editor de texto enriquecido proporciona una serie de características, 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.
Formatos de caracteres básicos basic-character-formats
Aquí puede aplicar formato a los caracteres seleccionados (resaltados); algunas opciones también tienen teclas de método abreviado:
- Negrita (Ctrl-B)
- Cursiva (Ctrl-I)
- Subrayado (Ctrl-U)
- Subíndice
- Superíndice
Todos funcionan como una alternativa, por lo que la reselección elimina el formato.
Estilos y formatos predefinidos predefined-styles-and-formats
La instalación puede incluir estilos y formatos predefinidos. Están disponibles con las listas desplegables Estilo y Formato y se pueden aplicar al texto que haya seleccionado.
Se puede aplicar un estilo a una cadena específica (un estilo se correlaciona con CSS):
Mientras que un formato se aplica a todo el párrafo de texto (un formato se basa en el HTML):
Solamente se puede cambiar un formato específico (el formato predeterminado es Párrafo).
Se puede quitar un estilo; coloque el cursor dentro del texto al que se ha aplicado y haga clic en el icono Quitar:
Cortar, Copiar, Pegar cut-copy-paste
Las funciones estándar de Cortar y Copiar están disponibles. Se proporcionan varios tipos de Pegar para adaptarse a 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, está configurado para ser 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).
Deshacer, Rehacer undo-redo
AEM mantiene un registro de las últimas 50 acciones del componente actual, retenidas en orden cronológico. Estas acciones se pueden deshacer (y luego rehacer) en orden estricto, si es necesario.
Alineación alignment
El texto puede estar alineado a la izquierda, al centro o a la derecha.
Sangría indentation
La sangría de un párrafo se puede aumentar o reducir. Se aplicará sangría al párrafo seleccionado y el texto nuevo introducido conservará el nivel actual de sangría.
Listas lists
Se pueden crear listas con viñetas y numeradas dentro del texto. Seleccione el tipo de lista y empiece a escribir o resalte el texto que desea convertir. En ambos casos, una línea de alimentación inicia un nuevo elemento de lista.
Las listas anidadas se pueden lograr sangrando uno o más elementos de la lista.
El estilo de una lista se puede cambiar simplemente colocando el cursor dentro de la lista y seleccionando el otro estilo. Una sublista también puede tener un estilo diferente al de la lista contenedora. Esto se puede aplicar una vez creada la sublista (por sangría).
Vínculos links
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 le permitirá especificar la dirección URL de destino, así como si debe abrirse en una nueva ventana.
Puede hacer lo siguiente:
- Escriba un URI directamente
- Utilice el mapa del sitio para seleccionar una página del sitio web
- Introduzca el URI y, a continuación, anexe el anclaje de destino; por ejemplo,
www.TargetUri.org#AnchorName - Escriba solo un anclaje (para hacer referencia a "la página actual"); por ejemplo,
#anchor - Busque una página en el buscador de contenido y arrastre y suelte el icono de página en el cuadro de diálogo Hipervínculo
https://, ftp:// y mailto:. Los protocolos no configurados para la instalación se rechazarán y se marcarán como no válidos.Para romper el vínculo, coloque el cursor en cualquier lugar dentro del texto del vínculo y haga clic en el icono Desvincular:
Anclajes anchors
Se puede crear un anclaje en cualquier lugar dentro del texto colocando el cursor o seleccionando texto. A continuación, haga clic en el icono Anclaje para abrir el cuadro de diálogo.
Escriba el nombre del anclaje y haga clic en Aceptar para guardar.
El anclaje se muestra cuando se edita el componente y ahora se puede utilizar en un destino para vínculos.
Buscar y reemplazar find-and-replace
AEM proporciona una función Buscar y Reemplazar (buscar y reemplazar).
Ambos tienen un botón Buscar siguiente para buscar el texto especificado en el componente abierto. También puede especificar si necesita que coincidan las mayúsculas y minúsculas (upper/lower).
La búsqueda siempre comenzará desde la posición actual del cursor dentro del texto. Cuando se llega al final del componente, un mensaje le informa de que la siguiente operación de búsqueda comenzará desde arriba.
La opción Reemplazar le permite Buscar y Reemplazar una instancia individual con el texto especificado o Reemplazar todas las instancias del componente actual.
Imágenes images
Las imágenes se pueden arrastrar desde el buscador de contenido para añadirlas al texto.
Corrector ortográfico spelling-checker
El corrector ortográfico revisará todo el texto del componente actual.
Se resaltarán las palabras incorrectas:
en esté en inglés y la rama de en alemán.Tablas tables
Las tablas están disponibles tanto:
-
Como componente Table
-
Desde el componente Texto
note note NOTE Aunque las tablas están disponibles en RTE, se recomienda usar el componente Table al crear tablas.
En los componentes Text y Table, la funcionalidad de la tabla está disponible a través del menú contextual (normalmente el botón secundario del mouse) donde se hizo clic dentro de la tabla; por ejemplo:
Las funciones específicas de la tabla son:
Propiedades de tabla table-properties
Las propiedades básicas de la tabla se pueden configurar antes de hacer clic en Aceptar para guardar:
-
Ancho: Ancho total de la tabla.
-
Altura: Altura total de la tabla.
-
Borde: El 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.
Propiedades de celda cell-properties
Se pueden configurar las propiedades de una celda específica o de una serie de celdas:
- Anchura
- Altura
- Alineación horizontal - Izquierda, Centro o Derecha
- Alineación vertical: superior, central, inferior o línea de base
- Tipo de celda- Datos o encabezado
- Aplicar a: Una sola celda, toda la fila, toda la columna
Agregar o eliminar filas add-or-delete-rows
Las filas se pueden agregar encima o debajo de la fila actual.
La fila actual también se puede eliminar.
Agregar o eliminar columnas add-or-delete-columns
Las columnas se pueden agregar a la izquierda o a la derecha de la columna actual.
La columna actual también se puede eliminar.
Selección de filas o columnas completas selecting-entire-rows-or-columns
Selecciona toda la fila o columna actual. A continuación, hay disponibles acciones específicas (por ejemplo, combinar).
Combinar celdas merge-cells
- Si ha seleccionado un grupo de celdas, puede combinarlas en una.
- Si sólo tiene una celda seleccionada, puede combinarla con la celda situada a la derecha o debajo de ella.
Dividir celdas split-cells
Seleccione una sola celda para dividirla:
- Dividir una celda horizontalmente generará una nueva celda a la derecha de la celda actual, dentro de la columna actual.
- Dividir una celda verticalmente generará una nueva celda debajo de la celda actual, pero dentro de la fila actual.
Creación de tablas anidadas creating-nested-tables
Al crear una tabla anidada, se crea una tabla independiente dentro de la celda actual.
- Windows IE: Utilice Ctrl+primary-mouse-button-click (normalmente izquierdo) para seleccionar varias celdas.
- Firefox: arrastre el puntero para seleccionar un rango de celdas.
Quitar tabla remove-table
Utilice la opción para quitar la tabla del componente Text.
Caracteres especiales special-characters
Se pueden poner caracteres especiales a disposición del editor de texto enriquecido; estos pueden variar según la instalación.
Pase el ratón para ver una versión ampliada del carácter y, a continuación, haga clic en para que se incluya en la ubicación actual del texto.
Modo de edición de Source source-editing-mode
El modo de edición de origen permite ver y editar el HTML subyacente del componente.
Así que el texto:
Will tiene el siguiente aspecto en el modo de origen (a menudo el origen es mucho más largo, por lo que tendrá que desplazarse):
