styles plugin is not getting enabled in dialog and dialog full screen mode | Community
Skip to main content
Level 2
May 11, 2021
Solved

styles plugin is not getting enabled in dialog and dialog full screen mode

  • May 11, 2021
  • 2 replies
  • 1510 views

Hi,

Unable to add styles plugin in dialog and dialog full screen mode. 

Below is the document followed to enable the styles drop down, but the styles plugin itself is not getting enabled for me . 

https://experienceleague.adobe.com/docs/experience-manager-64/administering/operations/configure-rich-text-editor-plug-ins.html?lang=en#styleselectorlist

 

Also created the same node in /apps/<project-folder>/components/text/cq:editConfig/cq:inplaceEditing/inplaceEditingConfig/rtePlugins and could see the style option enabled in in-line full screen. Attached the screenshots. 

 

Can some one help me in enabling the styles plugin in dialog and dialog full screen mode.

 

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 VeenaVikraman

@ravi64892  You are missing uisettings mode in your RTE. Can you check this https://gist.github.com/briankasingli/1a7e3e12deaa2e076645b09d30039b46 and create a similar uisettings node under your RTE and add the required configs in it ? 

 

This should also help https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/source-edit-pluggin-is-not-working-in-the-rte-component-that-i/qaq-p/382143

 

Please note the dialogfullscreen in it ? That will enable all your plugins in full screen. Adding some additional links for reference

 

https://blogs.perficient.com/2017/03/03/how-to-architect-a-rte-solution-for-aem-touch-ui-dialog/

http://experience-aem.blogspot.com/2019/04/aem-65-touch-ui-rte-rich-text-editor-dialog-color-picker-plugin.html

 

2 replies

Ritesh_Mittal
Community Advisor and Adobe Champion
Community Advisor and Adobe Champion
May 11, 2021

Hi @ravi64892 ,

 

1. You need to create a new Node styles under 'rtePlugins' node, like below

 

/apps/<PROJECT>/components/content/<component-name>/cq:editConfig/cq:inplaceEditing/inplaceEditingConfig/rtePlugins/styles

 

2. Create the features property on the styles node:

  • Name features
  • Type String
  • Value * (asterisk)

 

3. Save the changes

 

 

Reference - https://experienceleague.adobe.com/docs/experience-manager-64/administering/operations/configure-rich-text-editor-plug-ins.html?lang=en#styleselectorlist

VeenaVikraman
Community Advisor
VeenaVikramanCommunity AdvisorAccepted solution
Community Advisor
May 12, 2021

@ravi64892  You are missing uisettings mode in your RTE. Can you check this https://gist.github.com/briankasingli/1a7e3e12deaa2e076645b09d30039b46 and create a similar uisettings node under your RTE and add the required configs in it ? 

 

This should also help https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/source-edit-pluggin-is-not-working-in-the-rte-component-that-i/qaq-p/382143

 

Please note the dialogfullscreen in it ? That will enable all your plugins in full screen. Adding some additional links for reference

 

https://blogs.perficient.com/2017/03/03/how-to-architect-a-rte-solution-for-aem-touch-ui-dialog/

http://experience-aem.blogspot.com/2019/04/aem-65-touch-ui-rte-rich-text-editor-dialog-color-picker-plugin.html