Expand my Community achievements bar.

AEM 6.4 RTE Touch UI Adding Classes

Avatar

Level 1

When you add a use the RTE Editor in Touch UI and Select a bullet or numbered list it appropriately adds <ol> or <ul> with <li>'s.  I however need to add a class to these elements like the sample below.  I also want to do this for everything like <h1>'s and other options.

Whats the best way to achieve this ?  Appreciate any assistance in advance!

1703286_pastedImage_3.png

1703287_pastedImage_0.png

2 Replies

Avatar

Level 10

To perform your use case - you need to develop a custom RTE plug-in. This is done using JavaScript. To see an example - see:

http://experience-aem.blogspot.com/2017/06/aem-63-touch-ui-rte-rich-text-editor-color-pick er-plugin-inplace-dialog-edit.html