AEM 65 - Touch UI RTE (Rich Text Editor) Dialog Color Picker Plugin - Throwing Handlebars.compile error in XF pages

[#1]

Hi Team

   We are using the Color Picker plugin (Refer )  developed and provided by Sreekanth . The plugin works fine in our pages, but while using the color-picker in the XF pages, it is not loading in the RTE and  we are getting Handlebars.compile is not a function issue in the console. Has anyone faced a similar issue ? Any help is appreciated

TIA
Veena

[#2 · Accepted solution]

Hi @Veena_Vikram 

Check /etc.clientlibs/clientlibs/granite/handlebars.js loading in your XF page or not.

[Arun_Patidar]

The color-picker doesn't work in Experience Fragment (XF) pages since the Handlebar js is not available there and underscore (clientlibs added as dependency in the picker) doesn't have Handlebar.compile module. I was trying with handlebars as dependency all the time after reading it somewhere, but after some debugging ( thanks to my co-worker) I could figure out that the dependency which had handlebar in AEM is cq.handlebars. 

So anybody facing Handlebars.compile is not a function issue in the future, please add cq.handlebars as additional dependency to your clientlibs

Thanks

Veena

[Arun_Patidar]

Thanks for sharing Veena

[Veena_Vikram]

Hi @Veena_Vikram 

try with https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

[Veena_Vikram]

I will try this and let you know @Arun_Patidar. Thanks for quick reply.

[Arun_Patidar]

@Veena_Vikram check this as well https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/uncaught-typeerror-handleb...

[Veena_Vikram]

@Arun_Patidar The plugin you provided is also having the same issue. It is not working in Experience Fragment pages. Throwing the same Handlebars.compile issue.