Rich Text Editor von 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.

Tipp

Fahren Sie mit der Maus über ein beliebiges Element im Text (Überschrift, Tabelle, Zwischenablage usw.), um das Symbol (Ziehen) anzuzeigen. Klicken Sie auf das Symbol und halten Sie es gedrückt, um das Element an eine andere Stelle im Text zu ziehen.

Symbolleiste des Texteditors

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:

  • Voll: Wählen Sie die bevorzugte Farbe aus der vordefinierten Farbpalette aus.

  • Benutzerdefiniert: Passen Sie die Farbpalette mithilfe des Schalters oder durch Konfiguration des hexadezimalen Codes und der RGBA-Werte an.

  • Gradient: Wählen Sie einen vordefinierten Farbverlauf aus oder passen Sie ihn an, indem Sie zwischen Linear oder Radial wählen und den Schalter entsprechend einstellen.

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

Tipp

• Verwenden Sie die folgenden Tastaturkürzel, um die Formatierung anzuwenden:

  • Hervorheben: Drücken Sie CTRL/CMD + B, CTRL/CMD + I, oder CTRL/CMD + U, um die Effekte Fett, Kursiv oder Unterstrichen anzuwenden.

  • Nummerierte Liste: Geben Sie 1., 1), A. oder A) ein, um eine nummerierte Liste zu beginnen

  • Aufzählungsliste: Tippen Sie * oder -, um eine Aufzählungsliste zu erstellen.

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

Befehle der Powerbox

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

Um einen Befehl zu verwenden, geben Sie / ein, um die Powerbox zu öffnen, und geben Sie dann den Namen des Befehls ein oder wählen Sie aus mehreren Funktionen aus, um Tabellen, Bilder, Banner usw. einzufügen.

Tipp

Wenn Sie einen neuen Absatz beginnen, wird ein Tooltip mit Symbolen für Tastenkürzel für Befehle angezeigt. Klicken Sie auf ein Symbol, um den Befehl hinzuzufügen, oder klicken Sie auf das Symbol (Ellipse), um die Powerbox für alle Befehle zu öffnen.

Bemerkung

Befehle, die für bestimmte Apps spezifisch sind, sind von dieser Beschreibung ausgenommen.

StructureBannerFormatMediaNavigationWidget

Befehl	Verwendung
Separator	Eine horizontale Trennlinie einfügen.
2 columns	In 2 Spalten umwandeln.
3 columns	In 3 Spalten umwandeln.
4 columns	In 4 Spalten umwandeln.
Table	Eine Tabelle einfügen.
Bulleted list	Eine Aufzählungsliste erstellen.
Numbered list	Eine nummerierte Liste erstellen.
Checklist	Eine Checkliste erstellen.
Toggle list	Hide a group of text under a foldable toggle.

Bemerkung

Um eine Tabelle zu organisieren, bewegen Sie den Mauszeiger über eine Spalte oder Zeile, um das Tabellenmenü anzuzeigen. Klicken Sie auf das Symbol (Ellipse), um eine Spalte oder Zeile zu verschieben, einzufügen oder zu löschen.

Medium einfügen

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

• Bilder

  • Durchsuchen Sie die Unsplash-Datenbank, um ein passendes Bild zu finden.

  • URL hinzufügen: Kopieren Sie die Bildadresse und fügen Sie sie ein.

  • Bild hochladen: Laden Sie ein Bild in der Bibliothek hoch.

• Dokumente

  • Suchen Sie nach einem Dokument in der Datenbank

  • URL hinzufügen: Kopieren Sie eine gültige URL und fügen Sie sie ein.

  • Dokument hochladen: Laden Sie ein Dokument aus Ihrem lokalen Speicherplatz hoch.

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

Bemerkung

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

Symbolleiste des Medien-Editors

Nach dem Einfügen eines Bildes klicken Sie darauf, um die Symbolleiste des Medien-Editors anzuzeigen, und wenden Sie eine der folgenden Formatierungsoptionen an:

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

• (Objekt): Ändern Sie die Größe und drehen Sie das Bild. Klicken Sie ein zweites Mal auf das Symbol (Objekt), um die Änderung zurückzusetzen.

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

  • Wählen Sie aus den Seitenverhältnissen Flexibel, 16:9, 4:3, 1:1 oder 2:3 aus.

  • Zoomen Sie heran oder heraus.

  • Drehen Sie nach links oder rechts.

  • Drehen Sie es horizontal oder vertikal.

  • Setzen Sie das Bild zurück

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