如何隐藏 N 个标签后显示“+X 个更多”，类似于分类

支持
1

大家好，

我正在处理一些有时会获得很多标签的主题（其中许多是从 ICS feed 自动生成的）。在 Discourse UI 中，标签会不断换行，这使得主题列表变得很高，难以快速浏览。

我想做一些类似于在主题列表中显示类别的方式：
• 显示前几个（比如 5 个）
• 然后将剩余的折叠到一个“+X 更多”指示器后面

我尝试过的方法：
• CSS 可以隐藏一定数量之后的标签，甚至可以添加一个静态的“…”标记，例如：

/* 隐藏第 5 个之后的所以标签 */
.topic-list .discourse-tags a:nth-of-type(n+6) {
  display: none;
}

/* 在第 5 个之后添加 ... */
.topic-list .discourse-tags a:nth-of-type(5)::after {
  content: " …";
}

这对于隐藏有效，但 CSS 无法动态计算隐藏了多少个标签，因此我无法实现“+X 更多”。

我的问题是：
• 是否有内置方法可以限制每个主题显示的标签数量？
• 如果没有，是否有可以改编成主题组件的示例代码片段（也许来自类别渲染），为标签添加“+X 更多”的逻辑？

提前感谢！

1 个赞
2

您弄清楚了吗？核心 Discourse 不支持此功能，但您或许可以通过主题组件来实现。

有一个默认的 max tags per topic（每个主题的最大标签数）设置，默认为 20，我认为这是一个合理的默认值，不会导致过多的换行。我猜想无论如何，很少有人会想要那么多标签。

3

:eyes:
20？

4

是的，你说得对！我在我的网站上将其提高到了 20。默认值是 5，这完全是合理的。

你的敏锐眼光总是让我惊叹。

1 个赞
5

是的，我的导入脚本实际上禁用了缩短的 UID 标签创建，因为它会创建隐藏的 HTML UID 标记。

6

此主题在上次回复后 14 天自动关闭。不允许回复。