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.

小訣竅

将鼠标悬停在文本中的任何元素（页眉、表格、剪贴板等）上，显示 (drag) 图标。点击并按住该图标，可将元素拖放到文本中的其他位置。

文本编辑器工具栏

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:

    • 纯色：从预定义调色板中选择首选颜色。

    • 自定义：使用色轮或通过配置 十六进制代码 和 RGBA 值来自定义调色板。

    • 渐变：选择预定义的渐变，或通过在 线性 或 径向 之间进行选择并调整色轮来自定义渐变。

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

文本编辑器工具箱

小訣竅

  • 使用以下键盘快捷键应用格式化：

    • 强调：按 CTRL/CMD`+`B、CTRL/CMD`+`I 或 CTRL/`CMD`+`U`来应用粗体、斜体或下划线效果。

    • 编号列表：输入 1.、1)、A. 或 A) 开始编号列表。

    • 项目符号列表： 键入 * 或 - 开始弹出式列表。

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

电源箱命令

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

要使用命令，请键入 / 打开电源箱，然后输入命令名称或从多个功能中进行选择，以插入表格、图像、横幅等。

小訣竅

开始一个新段落会显示一个包含命令快捷图标的工具提示。点击图标添加命令，或点击 （ellipsis）图标打开所有命令的电源箱。

備註

本说明不包括特定应用程序的特定命令。

命令

使用

Separator

插入水平规则分隔线。

2 columns

轉換為 2 欄結構。

3 columns

轉換為 3 欄結構。

4 columns

轉換為 4 欄結構。

Table

插入表格。

Bulleted list

创建项目符号列表。

Numbered list

创建编号列表。

Checklist

创建清单。

Toggle list

Hide a group of text under a foldable toggle.

備註

要整理表格，请将鼠标悬停在某一列或行上，以显示表格菜单。点击 (省略号) 图标移动、插入或删除列或行。

插入媒體

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

  • 图片

    • 搜索 Unsplash 数据库，找到合适的图片。

    • 添加 URL：复制粘贴**图片地址**。

    • 上传图片：将图片上传到图片库。

  • 文件

    • 在数据库中搜索文件。

    • 添加 URL：复制粘贴一个有效的 URL。

    • 上传文件：从本地驱动器上传文件。

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

備註

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

媒体编辑器工具栏

:ref:`插入图片<insert-media>`后，点击它以显示媒体编辑器工具栏，并应用以下任意格式化选项：

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

  • (对象)：调整图像大小并旋转图像。再次点击 图标以重置转换。

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

    • 从 “灵活”、“16:9”、“4:3”、“1:1” 或 “2:3” 长宽比中选择。

    • 放大或缩小。

    • 向左或向右旋转。

    • 水平或垂直翻转。

    • 重置图像。

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