Editor de texto enriquecido de Odoo

El editor de texto enriquecido de Odoo permite crear y editar contenido de texto enriquecido en campos HTML, como Notas internas y campos de Descripción, así como en páginas de Artículos, en el editor de reportes de Estudio y otros. Puedes comenzar a escribir, usar la barra de herramientes o la paleta de comandos para darle formato y estructurar texto.

Truco

Pase el cursor sobre cualquier elemento del texto (encabezado, tabla, portapapeles, etc.) para que aparezca el icono (arrastrar). Haga clic en él y manténgalo presionado para arrastrar y soltar el elemento en otra parte del texto.

Barra de herramientas del editor de texto

Para editar una palabra, una oración o un párrafo, selecciona o haz doble clic en el elemento para mostrar el la barra de herramientas de editor de texto y aplicar una de las siguientes opciones de formato estándar:

• Estilo de fuente: Define el estilo de la fuente con varias opciones, como Encabezados de 1 a 6, Normal, Párrafo, Código y Cotización.

• Tamaño de la fuente: Selecciona el tamaño de la fuente que prefieras.

• (negrita): Pon el texto en negrita.

• (itálica): Pon el texto en itálicas.

• (subrayar): Subraya el texto.

• (Aplicar color a la fuente): Personaliza el color de la fuente:

  • Sólido: Para seleccionar el color que prefiera de la paleta predefinida.

  • Personalizado: Para personalizar la paleta de colores con la rueda o configurar el código HEX y los valores RGBA.

  • Gradiente: Para seleccionar un gradiente predefinido o elija entre lineal o radial y ajuste la rueda para personalizar uno.

  • (restablecer): Restablece el color de fuente o de fondo original.

• (Agregar un enlace): Inserta o edita una URL al texto seleccionado. También tienes la opción de subir una imagen usando la URL del archivo.

• IA de Odoo: Escribe una instrucción y obtén contenido generado con IA. También puedes hacer clic en una de las sugerencias de IA en lugar de escribir una instrucción.

Haz clic en el icono (Expandir barra de herramientas) para mostrar opciones adicionales de formato:

• Familia de fuentes: Usa la fuente predeterminada del sistema o selecciona la familia de fuentes que prefieras para el texto.

• (tachar): Tacha el texto.

• (Aplicar color de fondo): Personaliza los colores de fondo.

• (eliminar formato): Elimina todo el formato que se le haya aplicado al texto seleccionado.

• (lista): Selecciona una de las siguientes opciones de lista:

  • (lista por viñetas): Convierte el texto en una lista con viñetas.

  • (lista numerada): Convierte el texto a una lista numerada.

  • (lista de verificación): Convierte el texto en una lista de verificación.

• (Alinear texto): Selecciona una de las opciones de alineación a continuación:

  • (alinear a la izquierda): Alinea el texto a la izquierda.

  • (alinear al centro): Alinea el texto al centro.

  • (alinear a la derecha): Alinea el texto a la derecha.

  • (justificado): Aplica bordes derechos a ambos márgenes de texto.

• Traducción con IA: Traduce el contenido a uno de los idiomas instalados con IA.

Truco

• Use los siguientes atajos de teclado para aplicar el formato:

  • Énfasis: Presione CTRL/CMD + B, CTRL/CMD + I o CTRL/CMD + U para aplicar los efectos de negritas, itálicas y subrayado.

  • Lista numerada: Escriba 1., 1), A. o A) para iniciar una lista numerada.

  • **Lista **: Escriba * o - para iniciar una lista con viñetas.

• Haz clic en el texto con hipervínculo y realiza una de las acciones a continuación: (copiar enlace), (editar enlace), o (eliminar enlace).

Comandos de la paleta

Con los comandos es posible editar y gestionar varios tipos de funciones dentro del editor de texto, como tablas, títulos, encabezados y más.

Si quiere usar un comando, escriba / para abrir la paleta de comandos. Escriba el nombre del comando o seleccione alguna de las funciones para insertar tablas, imágenes, cuadros de texto, entre otros.

Truco

Al iniciar un nuevo párrafo aparecerá la información con los iconos de acceso directo a los comandos. Haga clic en un icono para agregar el comando, o haga clic en el icono (tres puntos verticales) para abrir la paleta con todos los comandos.

Nota

La descripción a continuación no incluye comandos que solo aparecen en aplicaciones específicas.

StructureBannerFormatMediaNavigationWidget

Comando	Uso
Separador	Insertar un separador de regla horizontal.
2 columnas	Convertir en 2 columnas.
3 columnas	Convertir en 3 columnas.
4 columnas	Convertir en 4 columnas.
Tabla	Insertar una tabla.
Lista con viñetas	Crear una lista con viñetas.
Lista numerada	Crear una lista numerada.
Lista de verificación	Crear un lista de verificación.
Mostrar u ocultar lista	Ocultar un grupo de texto debajo de un botón plegable.

Nota

Para organizar una tabla, pase el cursor sobre una columna o fila para abrir el menú de la tabla. Haga clic en el icono (tres puntos horizontales) para mover, insertar o eliminar una columna o fila.

Insertar archivo multimedia

Para insertar archivos multimedia, escribe /Media o haz clic en el icono (multimedia) de la barra de herramientas. Después selecciona una de las siguientes pestañas:

• Imágenes

  • Use Unsplash para buscar la imagen adecuada.

  • Agregar URL: Copie y pegue la dirección de la imagen.

  • Subir una imagen: Suba una imagen a la biblioteca.

• Documentos

  • Busque un documento en la base de datos.

  • Agregar URL: Copie y pegue una URL válida.

  • Subir un documento: Suba un documento desde la unidad local.

• Iconos: Busca y selecciona uno de los iconos disponibles.

• Videos: Pega la URL de un video de las plataformas a continuación: YouTube, Vimeo, Dailymotion y Youku. También puedes escribir código para incrustar el video.

Nota

Al agregar un video, usa las opciones para habilitar la reproducción automática o un bucle, ocultar los controles del reproductor o el botón de pantalla completa, o establece el tiempo de inicio.

Barra de herramientas del editor de archivos multimedia

Luego de insertar una imagen, haga clic en ella para abrir la barra de herramientas del editor de archivos multimedia y aplique cualquiera de las siguientes opciones de formato:

• (previsualizar página): Previsualiza la imagen, acércala o aléjala, rótala, imprímela o descárgala. Para salir de la previsualización haz clic en el icono (cerrar) en la esquina superior derecha.

• Descripción: Edita la descripción fija y emergente de la imagen, después haz clic en Aplicar.

• Pie de imagen: Escribe una descripción de menos de 100 caracteres que aparecerá abajo de la imagen.

• (Redondo): Aplica una forma redonda a las esquinas de la imagen.

• (Círculo): Aplica una forma circular a la imagen.

• (sombra): Aplica un efecto de sombra a la imagen.

• (miniatura): Aplica un borde a la imagen.

• (Padding): Agrega un padding a la imagen y selecciona entre pequeño, mediano, grande o XL.

• Ajustar tamaño: Restaura la imagen a su tamaño predeterminado o establece su tamaño al 25%, 50%, o 100%.

• (objeto): Cambie el tamaño de la imagen o gírela. Vuelva a hacer clic en el icono (objeto) para restaurar los cambios.

• (recortar imagen): Recorte la imagen de forma manual o aplique alguna de las siguientes opciones:

  • Elija entre las relaciones de aspecto Flexible, 16:9, 4:3, 1:1, o 2:3.

  • Auméntela o redúzcala.

  • Gírela a la izquierda o a la derecha.

  • Voltéela de forma horizontal o vertical.

  • Restablezca la imagen.

• (Agregar un enlace): Agrega un enlace a la imagen, escribe la URL y después haz clic en Aplicar. Para eliminar el enlace, haz clic en (Eliminar enlace).

• (Reemplazar): Puedes reemplazar la imagen buscando otra en la base de datos de Unsplash, agregando una URL, o subiendo una diferente.

• (borrar): Borra la imagen.

Barra de herramientas para editar un icono

Después de insertar un icono, haz clic en él para mostrar la barra de herramientas para editar iconos y aplica una de las opciones de formato a conitnuación:

• (Seleccionar el color de la fuente): Personaliza el color de la fuente.

• (Seleccionar el color de fondo): Personaliza el color de fondo.

• Ajustar el tamaño del icono: De 1x a 5x.

• (Habilitar la rotación del icono): Activa la animación de rotación.

• Reemplazar: Selecciona un icono diferente.