RTE Color Picker Not working

[#1]

Hi,

I have upgraded application from AEM 6.4.2 to AEM 6.4.8.2 SP and after the upgrade In the RTE color picker feature is not working and getting the dialog like below

I have referred this blog - http://experience-aem.blogspot.com/2018/05/aem-64-touch-ui-rte-rich-text-editor-color-picker-plugin....  and implemented the RTE color picker feature in aem 6.4.2.
Could you please suggest with solution for this issue ?

[vivianseba · Accepted solution]

@vivianseba Try adding below check before calling function addDialogTemplate() in color-picker.js;

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

        addDialogTemplate();

    }

[vivianseba · Accepted solution]

Hi,
I have added the above mentioned code in color-picker.js file and it's not working.

[Vishalverma · Accepted solution]

Is there any console error you are getting ? Can you cross check if popover dialog url is correct in color-picker.js Check this constant value PICKER_URL.

[vivianseba · Accepted solution]

Yes i am getting the below console error

[vivianseba · Accepted solution]

Yes i am getting the below console error and PICKER_URL path is correctly configured.

After adding your below code snippet above mentioned error was fixed 

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

        addDialogTemplate();

    }
But now i am getting some other error in console now

Could you help me with the fix for this issue ?

[vivianseba]

Can you check if underscore js is loading or not? mentioned as a dependency for RTE color picker

https://github.com/schoudry/eaem-extensions/blob/master/eaem-64-extensions/eaem-touchui-dialog-rte-c...

[vivianseba]

Hi Arun,
I have checked and underscore.js is loading fine.

[Arun_Patidar]

Not sure, what could be the issue, can you try with https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

[vivianseba]

Thank you Arun for sharing the link and I have implemented RTE color picker as suggested,Then
I have checked the color picker by clicking the icon and the i am getting the empty dialog screen with the below mentioned console error.
AEM version:6.4.8.2

Could you please help me to fix this issue ?

[Arun_Patidar]

It could be issue with AEM version, can you try in other version of AEM may be in 6.5?

[vivianseba]

Can you check this http://experience-aem.blogspot.com/2017/06/aem-63-touch-ui-rte-rich-text-editor-color-picker-plugin-...and implement the color plugin as described on this blog?

[vivianseba]

Hi Vanegi,
I have implemented the RTE color picker with this aem 6.4 link --> http://experience-aem.blogspot.com/2018/05/aem-64-touch-ui-rte-rich-text-editor-color-picker-plugin....
Should i need to implement like your mentioned link --> http://experience-aem.blogspot.com/2017/06/aem-63-touch-ui-rte-rich-text-editor-color-picker-plugin-...
Please suggest?
After the migration from 6.4.2 to 6.4.8.2 SP i am getting the below error message in the console while selecting the color picker.