web/web_editor_class_selector
Carlos Lopez 2a412fc7f1 [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor.
This module allows users to create custom CSS classes, which can then be selected and applied directly in the HTML editor.
2025-04-22 09:50:32 -05:00
..
demo [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
i18n [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
models [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
readme [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
security [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
static [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
views [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
README.rst [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
__init__.py [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00
__manifest__.py [ADD] web_editor_class_selector: new module to add custom CSS in HTML editor. 2025-04-22 09:50:32 -05:00

README.rst

=========================
Web editor class selector
=========================

.. 
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   !! This file is generated by oca-gen-addon-readme !!
   !! changes will be overwritten.                   !!
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   !! source digest: sha256:0b173bde20d95cf982412df8921a0d22a3ba660d940a9ec53c846f5cfa2cbb0a
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png
    :target: https://odoo-community.org/page/development-status
    :alt: Beta
.. |badge2| image:: https://img.shields.io/badge/licence-AGPL--3-blue.png
    :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
    :alt: License: AGPL-3
.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github
    :target: https://github.com/OCA/web/tree/16.0/web_editor_class_selector
    :alt: OCA/web
.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
    :target: https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_editor_class_selector
    :alt: Translate me on Weblate
.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png
    :target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=16.0
    :alt: Try me on Runboat

|badge1| |badge2| |badge3| |badge4| |badge5|

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.

**Table of contents**

.. contents::
   :local:

Usage
=====

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

Known issues / Roadmap
======================

Add support to apply class to any element (currently, only `span` is supported)

Bug Tracker
===========

Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us to smash it by providing a detailed and welcomed
`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_editor_class_selector%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.

Do not contact contributors directly about support or help with technical issues.

Credits
=======

Authors
~~~~~~~

* Tecnativa

Maintainers
~~~~~~~~~~~

This module is maintained by the OCA.

.. image:: https://odoo-community.org/logo.png
   :alt: Odoo Community Association
   :target: https://odoo-community.org

OCA, or the Odoo Community Association, is a nonprofit organization whose
mission is to support the collaborative development of Odoo features and
promote its widespread use.

This module is part of the `OCA/web <https://github.com/OCA/web/tree/16.0/web_editor_class_selector>`_ project on GitHub.

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.