Ricth TExt with color picker in Universal Editor | Community
Skip to main content
New Member
October 29, 2025
Question

Ricth TExt with color picker in Universal Editor

  • October 29, 2025
  • 2 replies
  • 320 views

 

Hello team, I'm working on an EDS (blocks) based project.

In my project, we need to include a color selection plugin that the content author can use when creating the text component (RTE).

How can I implement this functionality and include it in the RTE toolbar?

2 replies

giuseppebaglio
Level 10
October 29, 2025

hi @vagnerpe
I assume you need a color picker to use with Universal Editor. If that's the case, you can configure the Rich Text Editor (RTE) to include a color picker by following the instructions in this guide, which explains how to enable an extension to set up predefined lists of colors for the color picker feature.

ManviSharma
Adobe Employee
Adobe Employee
October 30, 2025

Hello @vagnerpe ,

 

1. AEM RTE by default does not allow inline color styling (for accessibility reasons)instead, you can use the Styles plugin to provide a set of predefined CSS classes for coloring text.

  • Authors can select styles from a dropdown, which applies a class (not direct inline color).
  • You define these styles in your component and reference a stylesheet that contains color styles.

Configuration reference:

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/configuring-and-extending/configure-rich-text-editor-plug-ins

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/sites/administering/operations/configure-rich-text-editor-plug-ins

OR
2 . 

You can add custom buttons or plugins to the RTE toolbar by leveraging the extension points provided for the RTE, such as getCustomButtons(). This involves developing a custom JavaScript plugin and wiring it to the toolbar configuration.

  • Example guide: "Add custom button to Rich Text Editor (RTE) toolbar"


Reference:
https://experienceleague.adobe.com/en/docs/experience-manager-learn/cloud-service/developing/extensibility/ui/content-fragments/examples/editor-rte-toolbar

VagnerPeAuthor
New Member
October 31, 2025

@giuseppebaglio  and @manvisharma 

Thank you for getting back to me. I tried applying the settings you mentioned, but unfortunately, it didn’t work. My goal is to enable a color picker in the RTE to change the color of text or specific words. However, I’m not using a Content Fragment — I’m only working with the Universal Editor, and from what I understand, the reference links don’t really apply in this case.