放一个`<custom-tag>`而不是`<ul>`或`<ol>`来创建一个列表

Question

在你将它标记为重复之前:我已经看到了你能否<li> s没有它们在<ul>或<ol>之下？但他们通过使用样式来解决问题.

这里是我的问题:我可以有<li>内部的项目<custom-tag>,而不是<ul>或<ol>元素？

所以这样的事情:

<ul>
  <li>one</li>
  <li>two</li>
  <li>d</li>
  <li>three</li>
</ul>

看起来像这样:

<custom-tag>
  <li>one</li>
  <li>two</li>
  <li>d</li>
  <li>three</li>
</custom-tag>

问题的背景

我想为simditor创建一个新组件:orderer列表中罗马数字的组件,但它将其识别ol为"内置" ol按钮......似乎它使用标签名称来检测按钮是否处于活动状态在一个编辑器上,所以我想通过使用另一个名称的标签来解决这个问题,现在,这个解决方案似乎比重写整个库更容易.

Answer 1

不,你不能.

4.4.7 li要素

可以使用此元素的上下文:

• 内部ol元素.
• 内部ul元素.

如果要对列表使用自定义元素,还可以将它们用于项目:

<unordered-list>
  <list-item>one</list-item>
  <list-item>two</list-item>
  <list-item>d</list-item>
  <list-item>three</list-item>
</unordered-list>