Highlighted

AEM 6.4 RTE Touch UI Adding Classes

Avatar

Avatar

toodooleedoo

Avatar

toodooleedoo

toodooleedoo

03-03-2019

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

Replies

Highlighted

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K
smacdonald2008

03-03-2019

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

Highlighted

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K
smacdonald2008

04-03-2019

I spoke to our team too and they suggested that you look here as well -- http://experience-aem.blogspot.com/2017/05/aem-62-touch-ui-extend-rte-list-plugin-for-adding-selecte...