Skip to main content
Level 2
February 1, 2018
Solved

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

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
kautuk_sahni
kautuk_sahniAccepted solution
Adobe Employee
February 1, 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 Picker Plugin for InPlace…

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

-Kautuk

Kautuk Sahni

5 replies

kautuk_sahni
Adobe Employee
kautuk_sahniAdobe EmployeeAccepted solution
Adobe Employee
February 1, 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 Picker Plugin for InPlace…

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

-Kautuk

Translate
Kautuk Sahni
Level 2
February 9, 2018

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

Thanka for all the help. I really appreciate

Translate
January 24, 2020

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 

 

Translate
praveenk9057427
Level 2
July 28, 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.

Translate
New Member
October 16, 2023

You got the solution?

Translate