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 ?
Solved! Go to Solution.
Views
Replies
Total Likes
@vivianseba Try adding below check before calling function addDialogTemplate() in color-picker.js;
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?
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.
@vivianseba Try adding below check before calling function addDialogTemplate() in color-picker.js;
Hi,
I have added the above mentioned code in color-picker.js file and it's not working.
yes for me also its not working
Views
Replies
Total Likes
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.
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
Could you help me with the fix for this issue ?
Can you check if underscore js is loading or not? mentioned as a dependency for RTE color picker
Hi Arun,
I have checked and underscore.js is loading fine.
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 ?
If you are still facing the issue,
Create underscore.js and handlebars.js files in color picker component's client libs and add them to js.txt before component.js name. It appears aem 6.4.8.2 is not loading the required dependencies so we had to add them into component client libs.
Views
Replies
Total Likes
We too faced this same issue with SP 6.5.10. It was working with SP 6.5.8. To fix it permanently we did below changes.
isEmpty = function(item) { console.log('item = ',item); if(!item) { return true; } var len; if(item.length || item.length === 0){ len = item.length; } else { if(typeof item === 'object') { len = Object.keys(item).length; } } return len === 0; } isUndefined = function(item) { if(item === undefined) { return true; } else { return false; } } defer = function(item) { setTimeout(() => {item()}) }
Reference: Please check comment from HonorSpren on this blog from @arunpatidar
https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html
Try changing dependency from underscore to lodash.underscore. This worked for me.
Try changing dependency from underscore to lodash.underscore. This worked for me.
I face the same issue (RTE color picker feature is not working) when we upgrade the service pack 6.5.20.
Solution:- Below are the steps to resolve the RTE color picker issue.
Navigate to: /apps/project/rte-plugins/dialog-rte-color-picker/clientlib
Select the "dependencies" properties.
Replace lodash.underscore with cq.underscore.
After the above changes it's working fine.
Views
Replies
Total Likes
Views
Likes
Replies
Views
Likes
Replies