Hola, Humans. ¿En qué podemos ayudarte?

[Enterprise] Herramientas del editor de texto para atención de soporte
16 min
Creado por Leonora Alves en 24/01/2025 11:31
Actualizado por Leonora Alves en 18/02/2025 15:37

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:

  1. En el menú lateral, acceda a Configuraciones > Base de Conocimiento > Artículos.
  2. 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:

  • Code: Estiliza el texto como código, con fuente monoespaciada y fondo.

  • Highlighted: Resalta el texto con un fondo llamativo.

  • Transparent: Vuelve el texto parcialmente transparente, ideal para efectos de sombra o resaltado sutil.

Estilo embebido

Aplica estilos CSS directamente al texto seleccionado en el editor, sin necesidad de crear clases CSS. Los estilos disponibles incluyen:

  • Big red: Aplica un estilo de texto grande y de color rojo, ideal para resaltar información importante.
  • Small blue: Reduce el tamaño del texto y lo pone de color azul, excelente para notas o detalles secundarios.

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:

  • Predeterminado: Utiliza números estándar (1, 2, 3...).
  • Alfa minúscula: Ordena la lista con letras minúsculas del alfabeto (a, b, c...).
  • Griego minúscula: Aplica letras minúsculas del alfabeto griego (α, β, γ...).
  • Romano minúscula: Utiliza números romanos en minúsculas (i, ii, iii...).
  • Alfa mayúscula: Ordena con letras mayúsculas del alfabeto (A, B, C...).
  • Romano mayúscula: Usa números romanos en mayúsculas (I, II, III...).

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:

  • Gray: Aplica un color gris al párrafo, destacándolo visualmente.
  • Bordered: Agrega un borde alrededor del párrafo, enfatizando el contenido.
  • Spaced: Aumenta el espaciado alrededor del párrafo, creando separación visual entre bloques de texto.
  • Uppercase: Convierte todo el texto del párrafo en letras mayúsculas, llamando la atención sobre el contenido.

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:

  • Cargar imagen: Haz clic en el ícono o arrastra la imagen para cargarla directamente desde tu dispositivo. Soporta la carga de múltiples imágenes.
  • Por una dirección URL: Ingresa el enlace directo (URL) de una imagen ya alojada en línea para incorporarla al contenido.

Después de agregar una imagen, puedes personalizarla con las siguientes opciones:

  • Reemplazar: Cambia la imagen actual por otra sin necesidad de eliminarla.
  • Alinear: Alinea la imagen a la izquierda, derecha o centrada en el texto.
  • Subtítulo de la imagen: Agrega una descripción explicativa debajo de la imagen.
  • Eliminar: Borra la imagen del documento.
  • Insertar enlace: Agrega un enlace para hacer que la imagen sea clickeable y redirigir al usuario al hacer clic.
  • Mostrar: Elige entre mostrar la imagen en línea con el texto o en un salto de línea.
  • Estilo: Aplica estilos predefinidos para ajustar la apariencia de la imagen.
  • Texto alternativo: Agrega una descripción para hacer la imagen accesible y mejorar su indexación.
  • Cambiar tamaño: Ajusta las dimensiones de la imagen para personalizar su tamaño en el documento.

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:

  • Por una dirección URL: Pega el enlace directo (URL) del video para incorporarlo en el contenido.
  • Código embebido: Agrega un código de incorporación (embed) para incluir videos de otras plataformas, permitiendo la visualización directamente en el editor.

Después de agregar el video, puedes configurar:

  • Reemplazar: Cambia el video actual por otro, sin eliminarlo del contenido.
  • Eliminar: Elimina el video del documento.
  • Mostrar: Elige entre mostrar el video en línea con el texto o en un salto de texto.
  • Alinear: Alinea el video a la izquierda, derecha o centrado.
  • Cambiar tamaño: Ajusta el tamaño del video directamente en el documento.
  • Autoplay: Define si el video debe iniciar automáticamente cuando el contenido sea cargado.

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:

Encabezado de la tabla: Agrega una fila de encabezado para facilitar la identificación de los datos.

Pie de página de la tabla: Agrega una fila de pie de página en la tabla para notas o totales.

Eliminar tabla: Elimina toda la tabla del documento.

Línea

  • Insertar antes o insertar después: Agrega una nueva línea antes o después de la línea seleccionada.
  • Eliminar línea: Elimina la línea seleccionada.

Columna

  • Insertar antes o insertar después: Agrega una nueva columna antes o después de la columna seleccionada.
  • Eliminar columna: Elimina la columna seleccionada.

Estilo

  • Bordes discontinuos: Aplica bordes discontinuos a la tabla.
  • Filas alternadas: Define un estilo con colores alternos para cada fila, facilitando la lectura.

Célula

  • Unir celdas: Combina varias celdas en una sola celda.
  • División vertical o horizontal: Divide una celda en dos partes, vertical u horizontalmente.

Fondo de la celda: Permite definir un color de fondo específico para una celda seleccionada.

Alineación vertical

  • Arriba: Alinea el contenido de las celdas en la parte superior.
  • Centro: Alinea el contenido de las celdas en el centro verticalmente.
  • Abajo: Alinea el contenido de las celdas en la parte inferior.

Alineación horizontal: Alinea el contenido dentro de la celda horizontalmente.

Estilo de la celda

  • Destacado: Aplica un destacado visual a la celda seleccionada.
  • Grueso: Define bordes gruesos para la celda seleccionada.

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 opcionesAbre 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.

  1. Crea el enlace de anclaje:
    1. Selecciona el texto que servirá como enlace para navegación.
    2. El enlace debe contener el símbolo # antes del texto definido.
    3. Ejemplo: Para crear un enlace a la Sección 1, inserta #seccion-1 como el enlace.
  2. Define el punto de anclaje:
    1. Ve al lugar del documento donde deseas que el lector sea redirigido.
    2. Selecciona el ícono de ancla en ese punto.
    3. Ejemplo: El punto de ancla para el enlace #seccion-1 se definirá en la Sección 1.
  3. Vincula el texto del enlace al ancla creada:
    1. Inserta en el campo indicado exactamente el mismo texto del enlace, pero sin el símbolo #.
    2. Ejemplo: Para el enlace #seccion-1, inserta solo seccion-1 como el texto del ancla.


2. ¿Cómo insertar múltiples imágenes?

  1. Elige la opción de Múltiples imágenes en el editor de texto.
  2. Carga las imágenes:
    1. Arrastra tus imágenes directamente al campo indicado o haz clic en él para abrir la ventana de selección de archivos del dispositivo.
    2. Selecciona tantas imágenes como desees.
  3. Después de cargar las imágenes, haz clic en Agregar para insertarlas en el campo donde estás desarrollando el contenido.


¿Este artículo ha resuelto sus dudas?
Vistos recientemente