Editor de texto enriquecido de Odoo

The Odoo rich-text editor allows for creating and editing rich-text content in HTML fields, such as the Internal Notes and Description fields, as well as in the Knowledge articles and the Studio report editor, among others. Start typing or use the toolbar or powerbox for formatting and structuring text.

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

To edit a word, sentence, or paragraph, select or double-click it to display the text editor toolbar and apply any of the following standard formatting options:

• Font style: Define the font style using various options, such as Header 1 to 6, Normal, Paragraph, Code, and Quote.

• Font size: Select the preferred font size.

• (Toggle bold): Put the text in bold.

• (Toggle italic): Put the text in italics.

• (Toggle underline): Underline the text.

• (Apply Font Color): Customize the font colors:

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

  • (Reset): Restore the original font/background color.

• (Add a link): Insert or edit a URL link to a selected text, and optionally upload an image using its file URL.

• Odoo AI: Write a prompt and get AI-generated content. Optionally, click the AI suggestions instead of writing a prompt.

Click the (Expand toolbar) icon to display additional formatting options:

• Font family: Use the Default system font or select a preferred font family for the text.

• (Toggle strikethrough): Strike through the text.

• (Apply Background Color): Customize the background colors.

• (Remove Format): Remove all formatting applied to a selected text.

• (Toggle List): Select the following list options:

  • (Bulleted list): Turn the text into a bulleted list.

  • (Numbered list): Turn the text into a numbered list.

  • (Checklist): Turn the text into a checklist.

• (Align text): Select the following text alignments:

  • (align left): Align the text on the left.

  • (align center): Align the text in the center.

  • (align right): Align the text on the right.

  • (justify): Apply straight edges to both text margins.

• Translate with AI: Translate the content in the installed languages with AI.

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.

• Click a hyperlinked text and perform one of the following actions: (Copy Link), (Edit Link), or (Remove Link).

Comandos de la paleta

Commands enable editing and managing various types of features within the text editor, such as tables, banners, headers, and more.

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.

StructureBannerFormatMediaNavigationWidget

Comando	Uso
Separator	Insertar un separador de regla horizontal.
2 columns	Convertir en 2 columnas.
3 columns	Convertir en 3 columnas.
4 columns	Convertir en 4 columnas.
Table	Insertar una tabla.
Bulleted list	Crear una lista con viñetas.
Numbered list	Crear una lista numerada.
Checklist	Crear un lista de verificación.
Toggle list	Hide a group of text under a foldable toggle.

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

To insert media, type /Media or click the (media) icon in the tooltip, then choose from the following tabs:

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

• Icons: Search for and select one of the available icons.

• Videos: Paste a video URL of the following sources: YouTube, Vimeo, Dailymotion, and Youku. Alternatively, type code to embed a video.

Nota

When adding a video, use the toggles to enable autoplay or looping, hide player controls or the fullscreen button, or set a start time.

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:

• (Preview image): Preview the image, zoom in or out, rotate it, print it, or download it. Exit the preview by clicking the (close) icon in the top right corner.

• Description: Edit the image description and tooltip, then click Apply.

• Caption: Write a caption under 100 characters below the image.

• (Rounded): Apply a rounded shape to the corners of the image.

• (Circle): Apply a circular shape to the image.

• (Shadow): Apply a shadow effect to the image.

• (Thumbnail): Apply a border to the image.

• (Padding): Add an image padding and choose from Small, Medium, Large, or XL sizes.

• Resize: Restore the image to its default size or set its size to 25%, 50%, or 100%.

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

• (Crop image): Crop the image manually or apply the following options:

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

• (Add a link): Add a link to the image, type the URL, then click Apply. To remove the link, click (Remove Link).

• (Replace): Replace the image by searching in the Unsplash database, adding a URL, or uploading a different one.

• (Delete): Delete the image.

Icon editor toolbar

After inserting an icon, click it to display the icon editor toolbar, and apply any of the following formatting options:

• (Select Font Color): Customize the font color.

• (Select Background Color): Customize the background color.

• Resize icon: From 1x to 5x.

• (Toggle icon spin): Activate the spin animation.

• Replace: Select a different icon.