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.

ちなみに

テキスト内の任意の要素(見出し、表、クリップボードなど)にカーソルを合わせると、 (ドラッグ) アイコンが表示されます。アイコンをクリックして押し続けると、その要素を他の場所へドラッグ＆ドロップできます。

テキストエディタのツールバー

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:

    • 単色: あらかじめ定義されたパレットから希望の色を選択します。

    • カスタム: カラーホイールを使うか、hex コードや 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.

コマンドを使用するには、 / を入力してパワーボックスを開き、コマンド名を入力するか、複数の機能から選択して表、画像、バナーなどを挿入します。

ちなみに

新しい段落を開始すると、コマンドのショートカットアイコンを含むツールチップが表示されます。アイコンをクリックするとそのコマンドが追加され、 (省略記号) アイコンをクリックすると、すべてのコマンドを表示するパワーボックスが開きます。

注釈

特定のアプリに固有のコマンドは、この説明には含まれていません。

コマンド

用途

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

  • (オブジェクト): 画像のサイズ変更や回転を行います。再度 :guilabel:`(オブジェクト)`アイコンをクリックすると、変形をリセットできます。

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