New Participant

Solved

Uncaught TypeError - Handlebars.compile is not a function - AEM 6.5

12 replies
12454 views
Translate

We are using a custom color picker from Experiencing Adobe Experience Manager - Day CQ: AEM 65 - Touch UI RTE (Rich Text Editor) Dialog Color Picker Plugin - the color picker works fine, but color-picker.js throws this Uncaught TypeError, and that causes an issue with other plugins which load after it. My understanding is that Handlebars is included OOTB in AEM, based on the docs - SCF Handlebars Helpers (although, the 6.5 version of this documentation appears incorrect - helpers.js has moved to /libs/clientlibs/social/commons/scf/helpers.js in 6.5) which makes me think that the issue is due to helpers.js moving. Is there a step that is missing somewhere that I need to make sure Handlebars is included and accessible by this JS file?

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

arunpatidarAccepted solution

New Participant

The error is because the plugin is loading twice with page and in a popover dialog, and in the popover dialog the Handlebar js is not being loaded that causing the issue, in case if you are using custom plugins then add below condition in plugin js to load plugins only once.

if (document.location.pathname.indexOf("/editor.html/") > -1)

addDialogTemplate();

I've updated the color picker and created new custom style plugin and both are working fine in 6.3,6.4 and 6.5

Arun Patidar

N

NarayanaCh

Level 3

if (document.location.pathname.indexOf("/editor.html/") > -1) {

addDialogTemplate();

}

yes, it is working for us, we are having a similar issue with RTE Image Picker Plugin.

Translate

arunpatidar

New Participant

Did you checked https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-65-touch-ui-rte-rich-text-editor-dialog-color-picker-plugin/qaq-p/392705/comment-id/84334#M84334

Translate

Arun Patidar

arunpatidar

New Participant

I updated color picker plugin, works with AEM 6.3+

you can get it from below:

AEM - Touch UI - RTE HTML Element Selector, Custom Style Plugin & Color Picker Plugin

Translate

Arun Patidar

S

shivamurthym775

Level 2

Hi Arun,

I was not able to fix the same issue by adding the

if (document.location.pathname.indexOf("/editor.html/") > -1)

addDialogTemplate();

Do we need to do something else?@

Translate

N

NarayanaCh

Level 3

have you tried

Translate

arunpatidarAccepted solution

New Participant

The error is because the plugin is loading twice with page and in a popover dialog, and in the popover dialog the Handlebar js is not being loaded that causing the issue, in case if you are using custom plugins then add below condition in plugin js to load plugins only once.

if (document.location.pathname.indexOf("/editor.html/") > -1)

addDialogTemplate();

I've updated the color picker and created new custom style plugin and both are working fine in 6.3,6.4 and 6.5

Translate

Arun Patidar