how to add a colour picker plugin in Richtext field for aem cloud

[Nandheswara]

Hi All,

I need to add a colour picker plugin to one of my component richtext field so i tried multiple blogs but nothing worked out, can any one suggest some reference for how to add a colour plugin in aem cloud services.

Thanks

Nandheswara

[MonalikaKapoor]

Hi @Nandheswara 

Please check the following blog for detailed information:
https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

You may also refer to these related documentations:

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-65-touch-ui-rte-rich-t...

https://experience-aem.blogspot.com/2019/04/aem-65-touch-ui-rte-rich-text-editor-dialog-color-picker...

https://experience-aem.blogspot.com/2013/08/in-blog-experiencing-adobe-experience.html

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/uncaught-typeerror-handleb...

I hope this helps!
Thanks,
Monalika Kapoor 

[arunpatidar · Accepted solution]

Color picker version for AEMaaCS version is at https://github.com/arunpatidar02/aem63app-repo/blob/master/packages/rte/aem-rte-plugins-1.5.zip , it also contains other plugin(Style), you can remove that, details are at https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

[AmitVishwakarma]

To add a color picker plugin to the Rich Text Editor (RTE) in AEM Cloud:

1. Download or create a color picker plugin (like the one from here https://github.com/arunpatidar02/aem63app-repo/blob/master/packages/rte/aem-rte-plugins-1.5.zip).

2. Add the plugin to your AEM project (upload to /apps/your-project/plugins).

3. Update the RTE configuration in your component dialog to include the plugin (use rtePlugins in the dialog).

4. Test by selecting the color picker from the RTE toolbar and applying a color.

For a more detailed walkthrough, check out the blog post you referenced (https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html).