N개 이후 태그 숨기기 및 카테고리와 같은 “+X개 더 보기” 표시

제품 지원
1

안녕하세요,

때때로 태그가 많이 붙는 토픽을 다루고 있습니다(많은 태그가 ICS 피드에서 기계적으로 생성됩니다). 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는 숨겨진 태그의 수를 동적으로 계산할 수 없어 “+3개 더 보기”와 같은 표시를 만들 수 없습니다.

질문:
• 토픽 표시 시 태그 수를 제한하는 내장 기능이 있나요?
• 없다면, 태그에 “+X개 더 보기” 로직을 추가하기 위해 테마 컴포넌트로 수정할 수 있는 예시 스니펫(카테고리 렌더링 관련)이 있을까요?

미리 감사합니다!

2

해결하셨나요? 코어 Discourse에서는 지원되지 않지만, 테마 컴포넌트를 사용하면 가능할 것입니다.

기본적으로 max tags per topic(토픽당 최대 태그 수) 설정이 있으며, 기본값은 20입니다. 이 정도가 합리적인 기본값이라고 생각하며, 태그가 너무 많이 줄바꿈되는 문제를 일으키지 않습니다. 어쨌든 그렇게 많은 태그를 사용하려는 경우는 드물 것이라고 생각합니다.

3

:eyes:
20?

4

네, 맞습니다! 제 사이트에서는 20으로 올려놨었네요. 기본값은 5인데, 이게 훨씬 합리적입니다.

당신의 날카로운 관찰력에는 늘 감탄합니다.

5

네, 제 가져오기 스크립트에서는 숨겨진 HTML UID 마커를 생성하기 때문에 짧은 UID 태그 생성이 비활성화되어 있습니다.