Styles are not working in inplace editing | Community
Skip to main content
bhavanamadobe
Employee
Jul 27, 2022 3:20 PM UTC
Solved

Styles are not working in inplace editing

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.
Mohit_KBansal
Mohit_KBansalAccepted solution
Employee
Jul 28, 2022 4:51 AM UTC

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

View reply

1 reply

Mohit_KBansal
Mohit_KBansalAccepted solution
Employee
Jul 28, 2022 4:51 AM UTC

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

Translate
    Terms & ConditionsAccessibility statement

    Loading footer...