새로 생성된 라벨에 무작위 스타일 지정

개발
1

태그를 위한 6개의 CSS 클래스(tag-style-1, tag-style-2, tag-style-3, tag-style-4, tag-style-5, tag-style-6)를 만들었습니다. 새 태그를 생성할 때 위의 6개 클래스 중 하나를 무작위로 지정하여 새로 생성된 태그가 서로 다른 스타일을 갖도록 하고 싶습니다. 태그 스타일 구성 요소가 사용 가능하다는 것은 알고 있지만, 이는 수동으로 추가해야 하며 무작위로 지정되지는 않습니다!

2

완전히 랜덤은 아니고, 태그 생성 시점에 처리되는 것도 아니지만, Tag Icons 컴포넌트와 유사한 방식으로 replaceTagRenderer()를 플러그인 API에서 가져와 태그의 HTML을 렌더링 시점에 수정할 수 있습니다(https://github.com/isabella232/discourse-tag-icons/blob/master/common/header.html 참고).

이와 같은 함수는 태그 이름을 받아 1~6 사이의 숫자로 매핑(예: 문자열을 6진법으로 인코딩한 뒤 마지막 자리 숫자를 가져오거나 모듈로 연산을 수행)하고, 이를 HTML 문자열에 추가합니다. 태그 이름에 따라 스타일이 결정되므로 랜덤은 아니지만, 모든 사용자에게 동일한 스타일을 유지할 수 있습니다.

원본의 기본 태그 렌더링 함수는 다음 링크에서 확인할 수 있습니다: