Apply custom class to List tag <ul> in rich text AEM 6.3 | Adobe Higher Education
Skip to main content
Himanshu_Singhal
Community Advisor
Himanshu_SinghalCommunity Advisor
Community Advisor
June 17, 2019
Beantwortet

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

  • June 17, 2019
  • 2 Antworten
  • 3553 Ansichten

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

    Dieses Thema wurde für Antworten geschlossen.
    Beste Antwort von arunpatidar

    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 …

    2 Antworten

    arunpatidar
    Community Advisor
    arunpatidarCommunity AdvisorAntwort
    Community Advisor
    June 17, 2019

    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
      arunpatidar
      Community Advisor
      arunpatidarCommunity Advisor
      Community Advisor
      July 24, 2019

      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

      Arun Patidar
        kchaurasiya
        kchaurasiya
        Level 5
        April 8, 2021

        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.

        Allgemeine NutzungsbedingungenAccessibility statement

        Loading footer...