タグ名からハイフンを削除する機能

:discourse2: 概要 トピックリストとトピックページでタグ名からダッシュ(-)を削除します
:eyeglasses: プレビュー Discourse Theme Creatorでプレビュー
:hammer_and_wrench: リポジトリ https://github.com/discourse/discourse-remove-dashes-from-tag-names
:open_book: Discourseテーマを初めて使用しますか? Discourseテーマの使用方法に関する初心者ガイド

このテーマコンポーネントをインストールする

特徴

このテーマコンポーネントは、UIのどこに表示されてもタグ名からダッシュを削除します。

Discourseはタグ名のスペースをダッシュに置き換えるため、このテーマコンポーネントは表示上の dashspace を視覚的に変更するのに役立ちます。


:discourse2: 私たちでホストしていますか? テーマコンポーネントは、Standard、Business、Enterpriseプランで利用できます。

「いいね!」 14

7件の投稿が新しいトピックに分割されました: サイドバーのタグからダッシュが削除されない

コンポーネントありがとうございます。
タグサイドバーからダッシュを削除するのはOKです。タグのタイトルはどうでしょうか?
%{filter} %{tag} %{category}

ありがとうございます。あそこのダッシュの意味がずっと分からなかったんです :smiley:


現在のテーマコンポーネントには、特にGoogleに優しいウェブサイトのタイトルなど、タグ名のハイフンを削除できない位置がまだ多く残っています。更新していただけますか?

「いいね!」 1

このテーマコンポーネントを有効にすると、タグのアイコンも削除されます。そのため、このコンポーネントとは競合します: Tag Icons

また、前述のように、いくつかの場所で厄介なダッシュが削除されていません。

「いいね!」 1

このスクリプトは、しばらくの間このコンポーネントを置き換えます

function replaceTextNodes(node) {
    node.childNodes.forEach(child => {
      if (child.nodeType === Node.TEXT_NODE) {
        child.textContent = child.textContent
          .replace(/-E-/gi, ' & ')
          .replace(/-/g, ' ');
      } else {
        replaceTextNodes(child);
      }
    });
  }

  api.onPageChange(() => {

    document.querySelectorAll('.discourse-tag.box').forEach(tag => {
      replaceTextNodes(tag);
    });
    
    document.querySelectorAll('#sidebar-section-content-tags .sidebar-section-link-content-text').forEach(tag => {
      replaceTextNodes(tag);
    });
  });
「いいね!」 1