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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

[AEM Gems Webinar] Accelerating Experience Manager as a Cloud Service development with Rapid Development Environments
SOLVED

Add style to RTE 6.3 <ul> or <li> element?

Avatar

Level 3

In rich text editor AEM 6.3 , it is possible to add the style class to the <ul> or <li> element.

I would like to add this to convert bullet list to checklist and for this added custom condition in listplugin.js . Project requirement is to rt, numbered and checklist.

1 Accepted Solution

Avatar

Correct answer by
Administrator
0 Replies

Avatar

Correct answer by
Administrator

Yes we can add custom style to the RTE. Please have a look at this reference article:- Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Touch UI RTE (Rich Text Editor) Color Picke...

Another reference thread:- injecting custom css styles for html tags generated by RTE

-Kautuk

Avatar

Level 3

Thanks its helped alot and finally I added css class successfully.

Thanka for all the help. I really appreciate

Avatar

Level 1

Hi peter,

I Got Similar requirement, for me i have to make <ul> bullet a bit larger .

What need to be done for this?

 

@kautuk_sahni @peterw13024062 

 

Avatar

Level 2

Hi, I have a similar requirement. Could you please help me in below implementation.

In RTE Component of AEM - unordered list by default provides "." bullet list.

I need to provide an option to make list with checkmark bullets.

If we add some style (by configuring styles nodes) for list, then markup is generating as below.

<ul> <li> <span class="abc">Line One</span> </li> <li> <span class="abc">Line Two</span> </li> </ul> 

so whatever changes made( colored check mark or font) are applying to whole li content.

i need to insert a class in ul so that i can control default "." bullets behavior with some other list type.

on applying of style to ul div my source should look like

<ul class="abc"> <li>Line One</li> <li>Line Two</li> </ul> 

How can i achieve this in RTE. is any custom list plugin changes required? or can we achieve by properties?

Thanks in advance.