Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Apply custom class to List tag <ul> in rich text AEM 6.3

Avatar

Avatar
Validate 25
MVP
Himanshu_Singhal
MVP

Likes

65 likes

Total Posts

206 posts

Correct Reply

23 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give Back 5
Give Back 3
View profile

Avatar
Validate 25
MVP
Himanshu_Singhal
MVP

Likes

65 likes

Total Posts

206 posts

Correct Reply

23 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give Back 5
Give Back 3
View profile
Himanshu_Singhal
MVP

17-06-2019

Hi,

I've a requirement where I need to add custom css class to <ul> tag in rich text editor. The style plugin adds the span tag inside <li> tag.

Is there any way to achieve it?

Thanks,
Himanshu Singhal

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,356 likes

Total Posts

3,227 posts

Correct Reply

917 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,356 likes

Total Posts

3,227 posts

Correct Reply

917 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

17-06-2019

Hi Himanshu,

The RTE plugins are always not easy to tweak, to achieve your goal(which very common requirement), there is nothing OOTB.

You may need to create a new plugin or extend.

Some example of creating or customizing plugins.

Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Touch UI RTE (Rich Text Editor) Color Picke...

AEM | RTE – Custom Styles Plugin – Touch UI – Need is the mother of invention …

Answers (1)

Answers (1)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,356 likes

Total Posts

3,227 posts

Correct Reply

917 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,356 likes

Total Posts

3,227 posts

Correct Reply

917 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

24-07-2019

Hi,

I created a style plugin to add css class to any HTML element in RTE

AEM - Touch UI - RTE HTML Element Selector, Custom Style Plugin & Color Picker Plugin

kchaurasiya

Hi Arun, Need your support , As i have moved this plugin from /apps/commons/ to other directory under the apps only (example apps/projectName/abc).  I also changed the below path in the style-plugin.js and in datasource.

 

Plugins popover dialogs - /apps/commons/rte/plugins/popovers/style-picker to /apps/projectName/abc/rte/plugins/popovers/style-picker

 

Plugin Popover Dialog - dropdown option datasource and JSON at 

/apps/commons/rte/plugins/popovers/style-picker/datasource to /apps/projectName/abc/rte/plugins/popovers/style-picker/datasource

/apps/commons/rte/plugins/popovers/style-picker/options.json to /apps/projectName/abc/rte/plugins/popovers/style-picker/options.json

 

Issue : This is always pointing to the /apps/common After moving this plugin in to different directory(/projectName/abc). Once i delete the apps/common then it does not work , It is always looking for the apps/common dialog and datasource. I need to open the plugin which is under the /projectName/abc and i do not want to open the /apps/commons plugin.

Can you please check this. Quick support is appreciated. Thank You.

Arun_Patidar
Please check cache. could be issue with clientlibs cache or browser cache.