RTE Styles Plugin issue with Lists | Community
Skip to main content
salamswapnil
New Participant
Aug 16, 2021 5:04 AM UTC
Solved

RTE Styles Plugin issue with Lists

We have RTE configured with Styles Plugin. When we are applying styles on lists, it is getting applied only on list element's text and not on bullets or the numbers.
This is happening because styles are getting added on <span> inside <li>.

Does anyone have any clue on how to apply styles on whole list element?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Bhuwan_B
Bhuwan_BAccepted solution
New Participant
Aug 16, 2021 8:42 AM UTC

Check below URL for the customization done for the list plugin for adding selected CSS class and use this approach to acheive your usecase:

http://experience-aem.blogspot.com/2017/05/aem-62-touch-ui-extend-rte-list-plugin-for-adding-selected-css-class.html

View reply

3 replies

arunpatidar
arunpatidar
New Participant
Aug 16, 2021 2:08 PM UTC

check the artcile shared by @bhuwan_b 

if you need a generic style plugin the check https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

Translate
Arun Patidar
    Bhuwan_B
    Bhuwan_BAccepted solution
    New Participant
    Aug 16, 2021 8:42 AM UTC

    Check below URL for the customization done for the list plugin for adding selected CSS class and use this approach to acheive your usecase:

    http://experience-aem.blogspot.com/2017/05/aem-62-touch-ui-extend-rte-list-plugin-for-adding-selected-css-class.html

    Translate
      Kiran_Vedantam
      Kiran_Vedantam
      New Participant
      Aug 16, 2021 6:01 AM UTC

      hi @salamswapnil,

       

      Pls check the custom style plugin code, how it is applying the styles for list section.

       

      I think you need to write custom code on the dailog load to fetch the list items and apply the styles once dailog is closed as List plugin gets loaded on the dailog on the fly in RTE

      Thanks,

      Kiran Vedantam.

      Translate
        Terms & ConditionsAccessibility statement

        Loading footer...