Composer ボタン祭り

:warning: このコンポーネントはマークダウンエディタでのみ機能します。リッチテキストエディタとは互換性がありません。

:information_source: 概要 Composer Button Bonanza は、サイト管理者が Composer ツールバーに新しいマークアップボタンを定義して追加できるようにするもので、デフォルト設定では多数の新しいボタンを提供します。
:hammer_and_wrench: リポジトリ centertap/DiscourseComposerButtonBonanza - Codeberg.org
:eyes: Readme Making sure you're not a bot!
:spiral_notepad: リリースノート Making sure you're not a bot!
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:heart: スポンサーシップ 提供者… CTAP
このテーマコンポーネントは、501(c)(3) 非営利団体である Center for Transparent Analysis and Policy によって開発されています。このコンポーネントがあなたのサイトで役立つ場合は、CTAPを支援するために寄付をご検討ください

Composer Button Bonanzaをインストール

“あなたが手に入れられるComposerの機能!”

Composer Button Bonanza は、Composer により多くのマークアップボタンを提供するテーマコンポーネントです。

すぐに使える状態で、多数の新しいボタン、たくさんのボタン、ボタンの大盤振る舞いを提供します。デフォルト設定では、ツールバーに3つの新しいボタンが追加され(どれかわかりますか? :smile:)、残りは :gear: ポップアップメニューのトグルボタンの背後に隠されます。

トグルボタンをクリックすると、残りのボタンが表示されます。

テーマコンポーネントの設定設定を通じて、次のことが可能です。

  • 新しいボタンの定義を追加する(および/または提供されたものを削除する)。
  • 表示するボタンと、いつ表示するかを選択する。
  • ボタンの順序を変更し、ボタンをツールバーまたはツールバーの :gear: ポップアップメニューに配置する。
  • ボタンの翻訳/ローカライズを提供する。

このコンポーネントは、マークアップやスタイリングを定義しません。既存のマークアップを入力して既存のスタイルを呼び出すための便利なボタン(アフォーダンス!)を追加するだけです。主な目的は、ユーザーがComposerの機能を発見し、使用するのを助けることです。例えば、脚注を多用するユーザーは、おそらくキーボードで直接 ^[] を入力するでしょう。しかし、残りの私たちは、何をすべきかを思い出させてくれる :asterisk: ボタンがあれば喜ぶでしょう。

このアプローチの利点は、このテーマコンポーネントを削除しても、既存の投稿のスタイリングを妨げないことです。このコンポーネントはスタイリングを行う責任はなく、Composerに既に存在する機能、および/または他のプラグインやテーマコンポーネントによって提供される機能へのショートカットを提供するだけです。

デフォルト設定

デフォルト設定では、デフォルトのDiscourseインストール(すべての組み込みプラグインが有効で、追加のプラグインがインストールされていない状態)で利用可能な、ほとんど(すべて?)の追加マークアップの定義が提供されます。

  • テキストスタイル:
    • 下線打ち消し線
「いいね!」 19

ありがとうございます!

「スポイラー」タグを直接上部のツールバーに追加する方法はありますか?よく使う機能なので。

編集:解決しました :smiley:

「いいね!」 3

ショートカットはどのように機能しますか?

「ネタバレ」ボタンのキーボードショートカットを作成したいのですが、ほとんどのショートカットは他のことにすでに使用されていませんか?

例では「Shift-4」とありますが、私にとっては $ 記号になります…

「いいね!」 2

はい、とても素敵なコンポーネントです。編集バーの追加ボタンを探していました。

クールな機能として、編集バーにボタンを追加できると良いですね。おそらく2つのオプションがあります。表示/非表示と
/または編集バーのメニューを切り替えることです。これにより、機能を選択可能なバーにグループ化できます。

例:

  • スタイルバー:太字、イタリック、打ち消し線などが含まれます。
  • レイアウトバー:表、右寄せ、中央揃えなど。
  • よく使う機能を主バーにカスタマイズできるオプションもあります。

(このコンポーネントは、DiscourseのJSコードに既に存在するパラメータ/オプションを公開するだけであることを覚えておいてください…)

ショートカットの場合、ショートカットキーと任意の修飾子を指定します…そしてDiscourseは常にctrl+(またはAppleハードウェアではcmd+?)を先頭に追加します。たとえば、「shift+4」というリテラル文字列(ボタンパラメータとして)は、ショートカットキーとして<kbd>ctrl</kbd>+<kbd>shift</kbd>+<kbd>4</kbd>に変換されます。

:grimacing: ショートカットを削除する方法を見つけようとはしていません。これも、Composerに既に組み込まれているボタンのベースラインの上に、このコンポーネントが追加されるものです。(<kbd>ctrl</kbd>+<kbd>e</kbd>が整形済みテキストのショートカットではなく、単に「行末にジャンプ」になるようにできればよかったのですが!)

「いいね!」 2

h01y cr@p これは素晴らしいです

「いいね!」 2

これについて問題があります。使用していて気に入っていますが、「スポイラー」ボタンを追加したところ、SPANではなくDIVを使用してスポイラータグを作成するため、WYSIWYGエディターを使用すると常に新しい行に表示されます。

これを変更する方法はありますか?

これはまだサポートされていますか?

スポイラーがSPANではなくDIVにあるという問題がまだ発生しています。

これはもうサポートされていないようですね?

「スポイラー」ボタンが正しく機能しない問題を修正する方法を誰か提案してもらえませんか(以前の投稿を参照してください)。

これを確認しますが、「スポイラー」ボタンを具体的にどのように追加したかを示す必要があります。

ありがとうございます!

私の設定は以下の通りです。

Screenshot 2025-11-30 at 19.58.22

その下にさらにいくつかありますが、スポイラーは以下で追加されます。

spoiler,shift+x

Markdownモードでは完全に機能します。
WYSIWYGモードでは、何かを選択してスポイラーボタンをクリックすると、SPANではなくDIVに入り、独自の行にブロックレベル要素として表示されます。

ありがとうございます!

Literally an hour ago, I just realized that ComposerButtonBonanza (CBB) is broken in WYSIWYG-Composer. (Or, perhaps, it is the other way around.) We do not use WYSIWYG on the site that I maintain, so I never noticed! So… ugh.

(Not a fan of WYSIWYG. MediaWiki (e.g., wikipedia) put a lot of effort into a WYSIWYG editor a decade+ ago, thinking it would encourage more people to become editors. It ended up making no difference, and they could not get rid of the original editor anyway because there are so many things you can’t really accomplish with the WYSIWYG version, and it ends up just being generally kind of clunky compared to the original wikicode+preview editor.)

Hmm… indpendently of CBB… if I insert a spoiler in the WYSIWYG-Composer, and then click outside of the spoiler-box to edit elsewhere, it permanently blurs itself and I do not seem to be able to edit the spoiler text again …unless I switch to Markdown-mode. Am I missing something, or is that just a bug in WYSIWYG-mode?

…Oh, nevermind! If I triple-click (out of frustration and/or boredom) then I can edit the spoiler text again! (Not a fan of WYSIWYG-mode; did I mention that already?)

「いいね!」 1

ネタバレがブロックレベルにならないように修正できれば、大変感謝します🙏

最初の投稿に、リッチテキストエディタとの互換性がないという警告を追加しました。

私はこれをテストしていませんが、これはこの特定のコンポーネントとは何の関係もないように思えます。再現手順を添えて、新しいサポートバグレポートを開始することをお勧めします。

再現できません。お使いのブラウザは何ですか?

この問題はこのコンポーネントに特有のものです。コアの元の「スポイラーをぼかす」アクションは、[spoiler] bbcodeを追加するだけではない、異なる実装を使用しています。

「いいね!」 2

ああ、素晴らしい、そして調べてくれてありがとう。:+1:

Firefox 140.5.0esr を使用しています。

「いいね!」 1

ご報告ありがとうございます。これで修正されたはずです(そして、トピックと関係のないことで申し訳ありません)