html-lists - 视觉上的 ul 标记关闭问题 AEM

Question

在 Sightly 中，在 ul 标签中使用 ol。所有标签都以正确的方式关闭。

但是当我在 ul(nested ul) 中使用 Ul 时，所有标签都在最后关闭，而不是在适当的位置。

所以任何人都可以建议我。如何在 Sightly 中使用嵌套的 ul。

Answer 1

标记是“纠正自身”，也就是说 li 和 ul 标签在封闭的 div内关闭，因此没有关闭 li 的 ul 标签保留。然而，任何文本或自包含标签（在 div 中打开和关闭的标签）都会如您所料显示。考虑重新编写 Sightly 代码，以便它环绕完整<li>...</li>或类似的<ul>...</ul>东西

 <ul class="level-1">
    <div data-sly-test="${name =='NODE_OPEN'}" data-sly-unwrap>
        <ul class="level-${level}">
              <div data-sly-test="${name =='ITEM_BEGIN'}" data-sly-unwrap>
                <li>
                  <a href=#>${title}</a>
                </li>
              </div>
        </ul>
     </div>
  </ul>

Answer 2

 <ul class="level-1">
      <div data-sly-test="${name =='NODE_OPEN'}" data-sly-unwrap>
        <ul class="level-${level}">
      </div>
      <div data-sly-test="${name =='ITEM_BEGIN'}" data-sly-unwrap>
        <li>
          <a href=#>${title}</a>
      </div>
      <div data-sly-test="${name =='ITEM_END'}" data-sly-unwrap></li></div>
      <div data-sly-test="${name =='NODE_CLOSE'}" data-sly-unwrap></ul></div>
  </ul>