对于新创建的标签，分配随机样式

Alteras · 2024 年7 月 16 日 18:39

不完全是随机的，也不是在创建标签时，但你可以做一些类似于 Tag Icons 组件的事情，并使用 plugin-api 中的 replaceTagRenderer() 来修改视图中标签的 HTML（参见 https://github.com/isabella232/discourse-tag-icons/blob/master/common/header.html）。

一个像这样的函数将获取标签名，将标签名映射到 1-6 的数字（即，将字符串编码为基数 6 并取最后一位/应用模数），并将其添加到 HTML 字符串中。它不会是随机的，因为样式将由标签名决定，但它会为所有用户保持相同的样式。

原始的默认渲染标签函数在这里：

github.com/discourse/discourse

app/assets/javascripts/discourse/app/lib/render-tag.js

7d729603b


      
          export function defaultRenderTag(tag, params) {
            // This file is in lib but it's used as a helper
            let siteSettings = helperContext().siteSettings;
          
            params = params || {};
            const visibleName = escapeExpression(tag);
            tag = visibleName.toLowerCase();
            const classes = ["discourse-tag"];
            const tagName = params.tagName || "a";
            let path;
            if (tagName === "a" && !params.noHref) {
              if ((params.isPrivateMessage || params.pmOnly) && User.current()) {
                const username = params.tagsForUser
                  ? params.tagsForUser
                  : User.current().username;
                path = `/u/${username}/messages/tags/${tag}`;
              } else {
                path = `/tag/${tag}`;
              }
            }

This file has been truncated. show original

话题		回复	浏览量
Add CSS class containing tag group Feature tag-groups	6	1241	2021 年1 月 30 日
Colored Tag Styles Theme component	16	2660	2025 年2 月 12 日
Add a data-tag-group attribute for tags Feature tag-groups	4	579	2025 年10 月 20 日
PAID - Request - add CSS class containing tag group Marketplace	6	219	2024 年7 月 23 日
CSS classes for tags Support	6	1792	2019 年6 月 6 日

对于新创建的标签，分配随机样式

相关话题