新しく作成されたラベルにはランダムなスタイルを割り当ててください

Alteras · 2024 年 7 月 16 日午後 6:39

完全にランダムではなく、タグ作成時でもありませんが、Tag Icons コンポーネントと同様のことを行い、プラグインAPIのreplaceTagRenderer()を使用して、ビューでタグのHTMLを変更することができます（discourse-tag-icons/common/header.html at master · isabella232/discourse-tag-icons · GitHub を参照）。

このような関数は、タグ名を取得し、タグ名を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 日

新しく作成されたラベルにはランダムなスタイルを割り当ててください

関連トピック