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

Avatar

Avatar

peterw13024062

Avatar

peterw13024062

peterw13024062

31-01-2018

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.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

kautuk_sahni

Community Manager

Total Posts

5.6K

Likes

961

Correct Answer

1.1K

Avatar

kautuk_sahni

Community Manager

Total Posts

5.6K

Likes

961

Correct Answer

1.1K
kautuk_sahni
Community Manager

01-02-2018

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

Answers (2)

Answers (2)

Avatar

Avatar

praveenk9057427

Avatar

praveenk9057427

praveenk9057427

28-07-2019

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.

Avatar

Avatar

peterw13024062

Avatar

peterw13024062

peterw13024062

08-02-2018

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

Thanka for all the help. I really appreciate