태그에 data-tag-group 속성 추가

tobiaseigen · 10월 20, 2025, 7:47오후

이 작업은 진행되었으나 변경 사항이 너무 크다는 이유로 폐기되었습니다. 좋은 아이디어이지만, 불행히도 팀이 가까운 시일 내에 이를 진행할지는 불확실합니다.

github.com/discourse/discourse

FEATURE: Add data-tag-groups attribute to tags (#27949)

main ← add-tag-groups-for-tag

closed 08:53AM - 31 Jul 24 UTC

Lhcfl

+471 -107

## Overview This commit adds the `data-tag-groups` attribute to tags, making …it easier to use CSS selectors to batch select tags belonging to certain tag groups. An example: ```html <a href="/tag/hidden" data-tag-name="hidden" data-tag-groups="Hidden Tag Group, non-hidden tags" class="discourse-tag box">hidden</a> ``` Related meta topic: https://meta.discourse.org/t/add-a-data-tag-group-attribute-for-tags/234410 ## Detailed changes Add data-groups to these... - [ ] Tags for topics - [x] The effect has been shown - [ ] Tests already written - [ ] Confirms that there are no performance issues - [ ] TagChooser at the top of TopicList - [x] The effect has been shown - [x] Tests already written - [ ] Confirms that there are no performance issues - [ ] Tags on the sidebar - [x] The effect has been shown - [ ] Tests already written - [ ] Confirms that there are no performance issues - [ ] Tags on the `/tags` page - [x] The effect has been shown - [ ] Tests already written - [ ] Confirms that there are no performance issues - [ ] Search bar tags - [x] The effect has been shown - [ ] Tests already written - [ ] Confirms that there are no performance issues - [ ] Composer tags chooser - [x] The effect has been shown - [ ] Tests already written - [ ] Confirms that there are no performance issues - [ ] ~~Tags in the post body~~ Maybe next PR ## DEV Improvements Partially rewrote `defaultRenderTag` for better scalability and clarity: The new `defaultRenderTag` reserves an interface for theme components to avoid the need for components to completely rewrite `defaultRenderTag` to provide custom tag renderer. For example, you can now replace the tagRenderer like this: ```javascript api.replaceTagRenderer((tag, params) => { return defaultRenderTag(tag, params, { extraClass: "custom-tag-class", contentFn(old) { return `${iconHTML("tag")}${old}`; }, }); }); ``` This has a significant benefit for discourse tag icons. Since the [old way of code](https://github.com/discourse/discourse-tag-icons/blob/main/javascripts/discourse/initializers/tag-icons.js#L9-L84) the changes made by this PR will be completely overwritten by discourse tag icons, and the theme component must be updated accordingly. After applying the new interface, it can automatically synchronize changes with the `defaultRendererTag` in core.

글		댓글	조회수
PAID - Request - add CSS class containing tag group Marketplace	5	361	6월 23, 2024
Add CSS class containing tag group Feature tag-groups	6	1659	1월 30, 2021
Tag Icons working with tag groups Feature tag-icons	7	403	10월 2, 2025
Tag Icons Theme component official , tag-icons	91	21039	3월 3, 2026
How can I assign a color code to a Tag Group (so all tags in the group share it)? Feature tags , tag-groups	1	163	10월 1, 2025

태그에 data-tag-group 속성 추가

Related topics