Apply custom class to List tag <ul> in rich text AEM 6.3 | Community
Skip to main content
Himanshu_Singhal
Himanshu_Singhal
New Participant
Jun 17, 2019 1:08 PM UTC
Solved

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

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

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    arunpatidar
    arunpatidarAccepted solution
    New Participant
    Jun 17, 2019 1:22 PM UTC

    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 Picker Plugin for InPlace…

    AEM | RTE – Custom Styles Plugin – Touch UI – Need is the mother of invention …

    Arun Patidar
    View reply

    4 replies

    arunpatidar
    arunpatidar
    New Participant
    Jul 24, 2019 2:23 PM UTC

    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

    Translate
    Arun Patidar
      kchaurasiya
      kchaurasiya
      Level 5
      Apr 8, 2021 3:38 AM UTC

      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.

      Translate
      arunpatidar
      arunpatidarAccepted solution
      New Participant
      Jun 17, 2019 1:22 PM UTC

      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 Picker Plugin for InPlace…

      AEM | RTE – Custom Styles Plugin – Touch UI – Need is the mother of invention …

      Translate
      Arun Patidar
        Terms & ConditionsAccessibility statement

        Loading footer...