OdooWiki OCA HUB

Web editor class selector

web_editor_class_selector folder_open OCA/web open_in_new
Uncategorised License: AGPL-3

This module allows users to create custom CSS class records, which can then be selected and applied directly in the HTML editor. Note: The actual CSS file containing the class definitions is not provided by this module and must be loaded in a custom module.

auto_awesome What this module does

AI-generated from the code · Odoo 19.0

Lets you register custom CSS classes in Odoo and apply them to text directly from the HTML editor toolbar, so styled content can be created without writing code.

This module adds a new list of "Web Editor Class" records where you define a display name and the matching CSS class name. The class name must be unique and must already exist in a CSS file loaded by another module.

  • A new menu opens the list of these records; you can create, edit, reorder (drag handle) and archive them.
  • Inside any HTML editor field, a new toolbar button labelled "Custom CSS" shows the available classes. The button displays the name of the class currently applied to the selected text, or "Custom CSS" when none is applied.
  • Choosing a class applies it to the selected text; choosing another one replaces the previous custom class.
  • The list of classes is loaded automatically when an HTML editor field is opened, and the toolbar label updates as you move the cursor or undo/redo.

It touches the web.editor.class model and the HTML editor used in backend form fields. Regular users can only read the class list; only users with technical settings access can create, change or delete entries.

Depends on

html_editor

Menus it adds

web_editor_class_menu
Models and fields (1)
  • web.editor.class · new modelname, active, sequence, class_name

Text generated by AI (DeepSeek) from reading the Odoo 19.0 code on GitHub; it may contain mistakes, so check the code before deciding. View the code on GitHub

Availability by version

Reviewed: 2026-11-03
Confirmed (verified in repository and branch) Estimated (unverified) No information

Confirmation status: 4 confirmed, 5 with no information of 9 versions.

terminal Installation and usage

OCA documentation · Odoo 19.0

Usage

Source · Odoo 19.0
  • Go to Settings \> Technical \> User Interface \> Web editor Class.
  • Create and name your custom CSS classes.
  • Go to any model with an HTML field (e.g., Settings \> Users \> Preferences \> Signature).
  • In the HTML editor, select any content block.
  • Choose from the available CSS classes to apply the desired styling.

No verified information in OCA: Installation, Configuration.

info

Data imported from GitHub: this sheet reflects the latest catalog review, not a live lookup. Always check the module documentation and staging before installing in production.