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

[Himanshu_Singhal]

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

[arunpatidar · Accepted solution]

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 …

[arunpatidar]

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.

[arunpatidar]

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