Add style to RTE 6.3 <ul> or <li> element? | Community
Skip to main content
P
peterw13024062
New Participant
February 1, 2018
Solved

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

  • February 1, 2018
  • 3 replies
  • 6271 views

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.
Best answer by kautuk_sahni

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

3 replies

praveenk9057427
praveenk9057427
New Participant
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.

    S
    sdevi-2
    New Participant
    October 16, 2023

    You got the solution?

    P
    peterw13024062Author
    New Participant
    February 9, 2018

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

    Thanka for all the help. I really appreciate

    W
    whisky_96
    New Participant
    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 

     

    kautuk_sahni
    kautuk_sahniAccepted solution
    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
    Terms & ConditionsAccessibility statement

    Loading footer...