injecting custom css styles for html tags generated by RTE

[mohanb]

Hi 

Is there any standard/ pre-defined way to inject styling information for html snippets generated from the rich text editor?

like <p> must be <p class="abc">  or adding attributes on the fly for html elements generated.

[smacdonald2008]

Out of the box - no. However - there may be a way using code. I am looking into this. 

[smacdonald2008]

See these articles that show this...

Color picker does it - http://experience-aem.blogspot.com/2016/04/aem-62-touch-ui-dialog-rte-rich-text-editor-color-picker-...

Also for copy classes from external website - http://experience-aem.blogspot.com/2015/12/aem-61-this-and-that.html#AEM_61_COPY_PASTE_HTML_TAG_ATTR...

[kautuk_sahni · Accepted solution]

For Custom Style plugin in RTE, 

Please refer to this community article:- 

Link:- https://mkbansal.wordpress.com/2016/01/09/aem-rte-custom-styles-plugin/

// AEM | RTE – Custom Styles Plugin

1. RTE – Custom Styles Plugin – Touch UI
2. RTE – Custom Styles Plugin – Classic UI

I hope this would help you.

~kautuk

[vivianseba]

Hi,

I am also facing the similar issue and i want to add the style into P tag like this <p style="margin-bottom:10px;"></p> while editing from RTE editor,

i am able to change via source edit,But is there anyway to add inline style to ptag ?

[Ankur_Khare]

use this -http://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

[vivianseba]

Hi Ankur,

Thank you for sharing the link and do we have any other option to control the styles in html rules or rte dialog ?