请教一下各位，如何实现自定义有序列表？比如把简单的1. 2. 变成page 1. page 2.这样的排序

疑问解答
1

手动输入的话太繁复，想借助有序列表的自动排序，请问各位如何实现类似page 1. page 2.这样的排序？

2

看不懂你要表达什么，要干什么。

有序列表本来就有固定的格式，按着格式写就行了。

1. Apple
2. Banana
3. Tomato

如果是要把已经写好的有序列表重新排序，那就是另外的问题了。

4

你好啊，我是想弄成比如
page 1.
page 2.
page 3.
这样的排序，可是好像只能慢慢手动输入无法按 enter 自动递增下一行，请问有办法实现自动排序吗？

1 个赞
5

image
这样吗，可以用 css


ol {
    counter-reset: list-num;
}
ol li {
    position: relative;
    counter-increment: list-num;
    left: 40px;
}
ol li::marker {
    content: "page "counter(list-num)". ";
}
.cm-formatting.cm-formatting-list.cm-formatting-list-ol:before {
    content: "page ";
}
2 个赞
6

这个 CSS 代码需要改为选择直接子元素，不然如果有序列表嵌套无序列表序号排序会出现问题。

演示如下，点击展开

20231124_130128

演示代码：

ol {counter-reset: num;}
ol > li {counter-increment: num;}
ol > li::marker {content: counter(num)"  "; font-size: var(--font-ui-medium);}

可以根据需要自行修改为其他样式。

2 个赞