RTE Styles Plugin issue with Lists

[salamswapnil]

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>.

Applied a style on list

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

[Kiran_Vedantam]

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.

[Bhuwan_B · Accepted solution]

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-selecte...

[arunpatidar]

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