Styles are not working in inplace editing | Community
Skip to main content
B
Adobe Employee
bhavanamadobeAdobe Employee
Adobe Employee
July 27, 2022
Solved

Styles are not working in inplace editing

  • July 27, 2022
  • 1 reply
  • 609 views

Hi,

I have added custom styles in RTE plugins. I am able to select them on the dialog configure and inplace editing. But They are only getting applied when authored through dialog configure. Same is not working on inplace editing. But They are displaying properly on the page in both case.

 

Please help to address inplace editing issue.

 

Thanks,

Raja

 

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 Mohit_KBansal

Inplace editing/dialog configuration open in different contexts and do not consider css/js included in your template. Though, you can use externalStyleSheets [1] in RTE configuration to specify project-specific styles to be used in edit mode.

  1. Navigate to the root node of your text component, for example /apps/<myProject>/components/text.

    • Name externalStyleSheets
    • Type String[] (multi-string; click Multi in CRXDE)
    • Value(s) The path and filename of every style sheet you want to include. Use repository paths.

      Add the property externalStyleSheets to the parent node of <rtePlugins-node>:

  3. Save all changes.

 

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

1 reply

Mohit_KBansal
Adobe Employee
Mohit_KBansalAdobe EmployeeAccepted solution
Adobe Employee
July 28, 2022

Inplace editing/dialog configuration open in different contexts and do not consider css/js included in your template. Though, you can use externalStyleSheets [1] in RTE configuration to specify project-specific styles to be used in edit mode.

  1. Navigate to the root node of your text component, for example /apps/<myProject>/components/text.

    • Name externalStyleSheets
    • Type String[] (multi-string; click Multi in CRXDE)
    • Value(s) The path and filename of every style sheet you want to include. Use repository paths.

      Add the property externalStyleSheets to the parent node of <rtePlugins-node>:

  3. Save all changes.

 

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

    Terms & ConditionsAccessibility statement

    Loading footer...