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 los campos Notas internas y Descripción, plantillas de correo electrónico y el editor completo del chatter, entre otros. Empiece a escribir o utilice la barra de herramientas o la caja de comandos para dar formato y estructurar el texto.

Truco

Pase el cursor sobre cualquier elemento del texto (encabezado, tabla, banner, etc.) para mostrar el icono (arrastrar). Haga clic y mantenga presionado el icono para arrastrar y soltar el elemento en otra parte del texto.

Barra de herramientas del editor de texto

Para editar una palabra, oración o párrafo, selecciónela o haga doble clic en ella para abrir la barra de herramientas del editor de texto y aplique cualquiera de las siguientes opciones de formato:

  • Estilo de la fuente: Para cambiar el estilo del texto. Hay varias opciones, como Encabezado del 1 al 6, Normal, Párrafo, Código y Cita.

  • B: Para colocar el texto en negritas.

  • I: Para colocar el texto en itálicas.

  • U: Para subrayar el texto.

  • S: Para tachar el texto.

  • A y (pincel): Para personalizar los colores de fuente y de fondo, respectivamente.

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

  • Tamaño de la fuente: Para ajustar el tamaño del texto.

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

  • (lista numerada): Convierta el texto en una lista numerada.

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

  • (enlace): Inserte o edite un enlace URL en el texto seleccionado. También puede subir una imagen con la URL del archivo.

  • Traducir: traduce el texto seleccionado con IA a uno de los idiomas instalados.

  • IA (ChatGPT): Obtenga sugerencias generadas por inteligencia artificial. Use los botones Corregir, Acortar, Alargar, Amigable, Profesional y Persuasivo para ajustar el tono.

Nota

Las opciones Traducir y IA utilizan el servicio de generación de texto con IA de Odoo SA (un servicio de compra dentro de la aplicación), por lo que requieren una conexión a internet entre el servidor y los servicios de Odoo SA.

screenshot: essentials-html-editor-toolbar
menu
Project ‣ (any task) ‣ Description tab
shows
A selected sentence in the Description field with the floating text editor toolbar (font style, B, I, U, S, font color, background color, font size, lists, checklist, link, translate, AI) above it.
highlight
The toolbar.
data
Demo task with a two-paragraph description.
module
html_editor, project
notes
English UI, crop to the field and the toolbar.

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 con viñetas: Escriba * o - para iniciar una lista con viñetas.

Comandos de la paleta

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 añadir 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.

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.

Cita textual

Añadir una sección de bloque de cita.

Código

Agregar una sección de código.

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 un archivo multimedia, escriba /Media o haga clic en el icono (imagen) situado en la información y elija una de las siguientes pestañas:

  • Imágenes

    • Use Unsplash para buscar la imagen adecuada.

    • Añadir 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.

    • Añadir URL: Copie y pegue una URL válida.

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

  • Iconos: Busque entre los un icono disponibles en la base de datos.

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:

  • (vista previa): Previsualice la imagen, aumente o reduzca su tamaño al visualizarla, imprímala o descárguela. Haga clic en el icono icon:fa-times (cerrar) situado en la esquina superior derecha para salir de ella.

  • Descripción: Edite la descripción de la imagen y su información, luego haga clic en Guardar.

  • (redondeado): Aplique una forma redondeada a las esquinas de la imagen.

  • (círculo): Aplique una forma circular a la imagen.

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

  • (imagen): Añada un borde a la imagen.

  • (Relleno): Añada un relleno a la imagen y elija entre el tamaño pequeño, mediano, grande o extra grande.

  • Por defecto: Restaure la imagen a su tamaño por defecto.

  • 100 %: Ajuste la imagen a tamaño completo.

  • 50 %: Ajuste la imagen a la mitad de su tamaño.

  • 25 %: Ajuste la imagen a un cuarto de su tamaño.

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

  • (recortar): Recorte la imagen manualmente o aplique las siguientes opciones:

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

    • Acérquese o aléjese la imagen.

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

    • Gírela horizontalmente o verticalmente

    • Restablezca la imagen.

  • Reemplazar: Reemplace la imagen. Busque una en Unsplash, añada una a través de una URL o suba otra.

  • (enlace): Inserte un enlace a la imagen. Escriba la URL y haga clic en Aplicar. Haga clic en el icono (desvincular) para eliminar el enlace.

  • (papelera): Elimine la imagen.