Conozca las funcionalidades del editor de texto disponible en la solución, utilizado para formatear y personalizar contenidos en áreas como artículos, tickets y formularios. Este artículo explica dónde se aplica el editor y cómo aprovechar sus herramientas para facilitar la creación y edición de información.
Funcionalidades que utilizan el editor de texto
Las herramientas de edición están disponibles en las siguientes funcionalidades de Atención de soporte:
- Artículos y Comunicación Interna
- Creación y edición en artículos
- Mural de Avisos
- Macro
- Mantenimiento colectivo
- Tickets y Atención al Cliente
- Tickets (formateo de mensajes y respuestas)
- Asunto del correo electrónico (configuración de respuesta automática y contenido de correo)
- Campos adicionales en tickets y personas
- Mantenimiento colectivo en el campo de agregar acción
- Acción como artículo en tickets
- Base de Conocimiento (KB)
- Configuración y edición de artículos en la Base de Conocimiento
- Otros Recursos
- Creación y edición de perfiles y contratos
- Disparadores para el envío de correos electrónicos y mensajes
- Grupo de Chat
Cómo acceder a las principales funcionalidades que utilizan el editor de texto
Tickets
Para acceder al editor de texto en tickets, en las acciones del ticket, seleccione el ícono Cambiar formato del texto para visualizar la barra de herramientas.
Base de Conocimiento
Para acceder al editor de texto en la Base de Conocimiento:
- En el menú lateral, acceda a Configuraciones > Base de Conocimiento > Artículos.
- Edite o cree un nuevo artículo para acceder al editor de texto y aplicar formatos.
Herramientas y formatos disponibles
La barra de herramientas del editor ofrece un conjunto de opciones que puede utilizar para componer y personalizar el texto. Vea cada una de ellas a continuación.
Botón de la barra de herramientas | Nombre | Acción |
Negrita | Aplica el estilo de negrita al texto seleccionado, resaltándolo en grosor. | |
Cursiva | Aplica el estilo de cursiva al texto seleccionado, inclinándolo ligeramente. | |
Subrayado | Añade una línea debajo del texto seleccionado para énfasis. | |
Más texto | Abre opciones adicionales de formato de texto, como tachado, subíndice y superíndice. | |
Tachado | Aplica una línea sobre el texto, indicando eliminación o irrelevancia. | |
Subíndice | Reduce y posiciona el texto por debajo de la línea base, útil para fórmulas y anotaciones. | |
Superíndice | Reduce y eleva el texto por encima de la línea base, ideal para potencias y exponentes. | |
Fuente | Permite elegir el tipo de fuente para el texto seleccionado. | |
Tamaño | Permite definir el tamaño del texto para una mejor lectura y jerarquía visual. | |
Color del texto | Cambia el color del texto, permitiendo personalizar y resaltar palabras específicas. | |
Color de fondo | Define el color de fondo para el texto seleccionado, destacándolo con un tono de fondo. | |
Clase inline | Aplica estilos específicos al texto seleccionado usando clases CSS, sin necesidad de acceder al código manualmente. Las clases disponibles incluyen:
| |
Estilo embebido | Aplica estilos CSS directamente al texto seleccionado en el editor, sin necesidad de crear clases CSS. Los estilos disponibles incluyen:
| |
Eliminar formato | Elimina todo el formato aplicado al texto, dejándolo con el estilo predeterminado. | |
Agregar ancla | Inserta un ancla en el texto, permitiendo la creación de enlaces de navegación interna. | |
Alinear a la izquierda | Alinea el texto a la izquierda de la pantalla o del cuadro de texto. | |
Centrar | Centra el texto en la pantalla o en el cuadro de texto, creando un diseño equilibrado. | |
Más párrafo | Abre más opciones de formato de párrafo, incluyendo alineación y estilo. | |
Alinear a la derecha | Alinea el texto a la derecha de la pantalla o del cuadro de texto. | |
Justificar | Alinea el texto en ambos lados, creando un margen alineado a la izquierda y a la derecha. | |
Lista ordenada | Permite crear listas numeradas y ofrece varias opciones de ordenación, facilitando la personalización de la numeración según el estilo deseado. Las opciones disponibles son:
| |
Lista no ordenada | Inicia una lista con viñetas para elementos no ordenados. | |
Formatos | Permite aplicar un estilo específico de formato, como encabezado o subtítulo. | |
Estilo de párrafo | Permite definir el estilo visual del párrafo actual, aplicando un formato específico al bloque de texto seleccionado. Las opciones incluyen:
| |
Altura de línea | Ajusta el espaciado entre líneas en el texto seleccionado, mejorando la legibilidad. | |
Disminuir sangría | Reduce la sangría del texto, útil para listas y estructuras jerárquicas. | |
Aumentar sangría | Aumenta la sangría del texto para crear subniveles en listas y jerarquías. | |
Cita | Aplica el estilo de cita al texto, destacándolo visualmente. | |
Insertar enlace | Agrega un enlace al texto seleccionado, convirtiéndolo en un enlace clicable. | |
Insertar imagen | Permite insertar una imagen en el documento desde un enlace o desde tu dispositivo. Opciones para agregar una imagen:
Después de agregar una imagen, puedes personalizarla con las siguientes opciones:
| |
Insertar video | Inserta un video directamente en el documento, usando un enlace externo o un código de incorporación. Opciones para agregar un video:
Después de agregar el video, puedes configurar:
| |
Más rico | Abre más opciones de contenido rico, incluyendo tablas y emoticonos. | |
Insertar tabla | Inserta una tabla en el documento para organizar la información en filas y columnas. Tiene diversas opciones de formato para personalizar la tabla:
| |
Emoticonos | Permite insertar emojis en el texto para hacer la comunicación más visual y expresiva. | |
Caracteres especiales | Inserta caracteres especiales, como símbolos matemáticos y monedas. | |
Insertar línea horizontal | Agrega una línea horizontal para separar secciones de contenido. | |
Deshacer | Revierte la última acción, útil para corregir rápidamente errores. | |
Rehacer | Restaura la última acción deshecha, en caso de que el usuario quiera rehacer una acción revertida. | |
Pantalla completa | Expande el editor a pantalla completa, mejorando el área de visualización y edición. | |
Más opciones | Abre opciones adicionales, como impresión y visualización de código. | |
Imprimir | Permite imprimir el contenido del editor. | |
Descargar PDF | Guarda el contenido en PDF, permitiendo su descarga para consulta externa. | |
Seleccionar todo | Selecciona todo el contenido presente en el editor para edición o formato. | |
Mostrar código | Muestra el código HTML del contenido, permitiendo la edición directa en el código fuente. |
Preguntas frecuentes
1. ¿Cómo agregar anclas?
El anclaje de texto permite vincular una área específica de un documento a un punto de referencia, facilitando la navegación dentro del contenido. Al hacer clic en un texto anclado, el lector es automáticamente dirigido a otra sección del mismo documento o a un lugar específico de su texto.
- Crea el enlace de anclaje:
- Selecciona el texto que servirá como enlace para navegación.
- El enlace debe contener el símbolo # antes del texto definido.
- Ejemplo: Para crear un enlace a la Sección 1, inserta #seccion-1 como el enlace.
- Define el punto de anclaje:
- Ve al lugar del documento donde deseas que el lector sea redirigido.
- Selecciona el ícono de ancla en ese punto.
- Ejemplo: El punto de ancla para el enlace #seccion-1 se definirá en la Sección 1.
- Vincula el texto del enlace al ancla creada:
- Inserta en el campo indicado exactamente el mismo texto del enlace, pero sin el símbolo #.
- Ejemplo: Para el enlace #seccion-1, inserta solo seccion-1 como el texto del ancla.
2. ¿Cómo insertar múltiples imágenes?
- Elige la opción de Múltiples imágenes en el editor de texto.
- Carga las imágenes:
- Arrastra tus imágenes directamente al campo indicado o haz clic en él para abrir la ventana de selección de archivos del dispositivo.
- Selecciona tantas imágenes como desees.
- Después de cargar las imágenes, haz clic en Agregar para insertarlas en el campo donde estás desarrollando el contenido.