AEM 65 - Touch UI RTE (Rich Text Editor) Dialog Color Picker Plugin - Throwing Handlebars.compile error in XF pages | Community
Skip to main content
VeenaVikraman
Community Advisor
VeenaVikramanCommunity Advisor
Community Advisor
January 7, 2021
Solved

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

  • January 7, 2021
  • 3 replies
  • 7418 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Anudeep_Garnepudi

Hi @veenavikraman 

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

3 replies

arunpatidar
Community Advisor
arunpatidarCommunity Advisor
Community Advisor
January 7, 2021

Hi @veenavikraman 

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

Arun Patidar
    VeenaVikraman
    Community Advisor
    VeenaVikramanCommunity AdvisorAuthor
    Community Advisor
    January 7, 2021
    I will try this and let you know @arunpatidar. Thanks for quick reply.
      Anudeep_Garnepudi
      Community Advisor
      Anudeep_GarnepudiCommunity AdvisorAccepted solution
      Community Advisor
      January 8, 2021

      Hi @veenavikraman 

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

        F
        Farnain
        May 2, 2022

        hi , it is not loading , what can i do ?

          VeenaVikraman
          Community Advisor
          VeenaVikramanCommunity AdvisorAuthor
          Community Advisor
          January 8, 2021

          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

            A
            AkankshaPratihar
            Level 2
            March 15, 2022

            Hi @veenavikraman  @arunpatidar 

            Using AEM 6.5 AACS and following blog http://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html  (had to remove underscore dependency), even after adding cq.handlebars dependency Handlebars.compile is throwing Handlebars.compile is not a function error. This issue is happening only on XF, I can see that rest of the handlebars functions are available on XF too(please refer to screenshot below). It works fine on content page though. Any suggestions ?

             

             

             

             

              A
              AkankshaPratihar
              Level 2
              March 15, 2022

              resolved by adding cq.tsdk.handlebars as dependency instead of cq.handlebars

                Terms & ConditionsAccessibility statement

                Loading footer...