Odoo rich-text editor

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

ちなみに

Hover over any element in the text (header, table, clipboard, etc.) to reveal the (drag) icon. Click and hold the icon to drag and drop the element elsewhere in the text.

Text editor toolbar

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

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

  • B: Put the text in bold.

  • I: Put the text in italics.

  • U: Underline the text.

  • S: Strike through the text.

  • A and (paintbrush) to customize the font and background colors, respectively:

    • Solid: Select the preferred color from the predefined palette.

    • Custom: Customize the color palette using the wheel or by configuring the hex code and RGBA values.

    • Gradient: Select a predefined gradient or customize it by choosing between Linear or Radial and adjusting the wheel.

  • Font size: Adjust the size of the text.

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

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

  • Translate: Translate the content in the installed languages.

  • AI (ChatGPT): Get AI-generated suggestions and adjust the tone by clicking buttons such as Correct, Shorten, Lengthen, Friendly, Professional, and Persuasive.

Text editor's toolbox

ちなみに

Use the following keyboard shortcuts to apply formatting:

  • Emphasis: Press CTRL/CMD + B, CTRL/CMD + I, or CTRL/CMD + U to apply the bold, italics, or underlined effect.

  • Numbered list: Type 1., 1), A., or A) to start a numbered list.

  • Bulleted list: Type * or - to start a bulleted list.

Powerbox commands

To use a command, type / to open the powerbox, then enter the command's name or select from multiple features to insert tables, images, banners, etc.

ちなみに

Starting a new paragraph displays a tooltip with command shortcut icons. Click an icon to add the command, or click the (ellipsis) icon to open the powerbox for all commands.

注釈

Commands specific to particular apps are excluded from this description.

Command

試用

Separator

Insert a horizontal rule separator.

2 columns

二列に変換。

3 columns

三列に変換。

4 columns

四列に変換。

Table

表を挿入。

Bulleted list

Create a bulleted list.

Numbered list

Create a numbered list.

Checklist

Create a checklist.

Quote

Blockquoteセクションを追加。

Code

コードセクションを追加。

注釈

To organize a table, hover over a column or row to reveal the table menu. Click the (ellipsis) icon to move, insert, or delete a column or row.

メディアを挿入

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

  • Images

    • Search the Unsplash database to find a suitable image.

    • Add URL: Copy-paste the image address.

    • Upload an image: Upload an image into the library.

  • Documents

    • Search for a document in the database.

    • Add URL: Copy-paste a valid URL.

    • Upload a document: Upload a document from a local drive.

  • Icons: Search an icon from the selection in the database.

Media editor toolbar

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

  • (preview): Preview the image, zoom in or out, 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 Save.

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

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

  • (padding): Add an image padding and choose from small, medium, large, or extra large sizes.

  • Default: Restore the image to its default size.

  • 100%: Set the image to full size.

  • 50%: Set the image to half its size.

  • 25%: Set the image to a quarter of its size.

  • (object): Resize and rotate the image. Click the (object) icon a second time to reset the transformation.

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

    • Choose from the Flexible, 16:9, 4:3, 1:1, or 2:3 aspect ratios.

    • Zoom in or out.

    • Rotate left or right.

    • Flip horizontally or vertically.

    • Reset the image.

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

  • (link): Insert a link to the image, type the URL, then click Apply. To remove the link, click the (unlink) icon.

  • (trash): Remove the image.