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

时间:2019-07-26 09:58:34

标签: class html-lists aem rte

在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中实现这一目标。 是否需要任何自定义列表插件更改?还是可以通过属性来实现?

谢谢。

1 个答案:

答案 0 :(得分:0)

您可以尝试执行类似的操作来删除默认的项目符号点并添加复选框。

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

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

ul {
    list-style-type:none;
}

,并且list-style-type:none;的{​​{1}}属性会删除<ul>的默认项目符号点