如何将自定义 css 类添加到 AEM RTE 组件的 <ul>

Question

在 AEM 的 RTE 组件中 - 无序列表默认提供“.”项目符号列表。

我需要提供一个选项来制作带有复选标记的列表。

如果我们为列表添加一些样式（通过配置样式节点），则生成如下标记。

<ul>    
   <li>
      <span class="abc">Line One</span>
   </li>    
   <li>
      <span class="abc">Line Two</span>
   </li>    
</ul>

所以所做的任何更改（彩色复选标记或字体）都适用于整个 li 内容。

我需要在 ul 中插入一个类，以便我可以控制默认的“。”其他列表类型的项目符号行为。

在将样式应用于 ul div 时，我的源代码应如下所示

<ul class="abc">    
   <li>Line One</li>    
   <li>Line Two</li>    
</ul>

如何在 RTE 中实现这一点。 是否需要任何自定义列表插件更改？还是我们可以通过属性来实现？

提前致谢。

Answer 1

您可以尝试这样的方法来删除默认项目符号并添加复选框。

<ul>
    <li><input type="checkbox"> Line One</li>
    <li><input type="checkbox"> Line Two</li>
 <ul>

type="checkbox" 将您的 <li> 项目变成一个复选框

ul {
    list-style-type:none;
}

而<ul> 的list-style-type:none; 属性会删除<li> 的默认项目符号