このコンポーネントはマークダウンエディタでのみ機能します。リッチテキストエディタとは互換性がありません。
Composer Button Bonanzaをインストール
“あなたが手に入れられるComposerの機能!”
Composer Button Bonanza は、Composer により多くのマークアップボタンを提供するテーマコンポーネントです。
すぐに使える状態で、多数の新しいボタン、たくさんのボタン、ボタンの大盤振る舞い を提供します。デフォルト設定では、ツールバーに3つの新しいボタンが追加され(どれかわかりますか? )、残りは ポップアップメニューのトグルボタンの背後に隠されます。
トグルボタンをクリックすると、残りのボタンが表示されます。
テーマコンポーネントの設定設定を通じて、次のことが可能です。
新しいボタンの定義を追加する(および/または提供されたものを削除する)。
表示するボタンと、いつ表示するかを選択する。
ボタンの順序を変更し、ボタンをツールバーまたはツールバーの ポップアップメニューに配置する。
ボタンの翻訳/ローカライズを提供する。
このコンポーネントは、マークアップやスタイリングを定義しません 。既存のマークアップを入力して既存のスタイルを呼び出すための便利なボタン(アフォーダンス!)を追加するだけです。主な目的は、ユーザーがComposerの機能を発見し、使用するのを助けることです。例えば、脚注を多用するユーザーは、おそらくキーボードで直接 ^[ と ] を入力するでしょう。しかし、残りの私たちは、何をすべきかを思い出させてくれる ボタンがあれば喜ぶでしょう。
このアプローチの利点は、このテーマコンポーネントを削除しても、既存の投稿のスタイリングを妨げないことです。このコンポーネントはスタイリングを行う責任はなく、Composerに既に存在する機能、および/または他のプラグインやテーマコンポーネントによって提供される機能へのショートカットを提供するだけです。
デフォルト設定
デフォルト設定では、デフォルトのDiscourseインストール(すべての組み込みプラグインが有効で、追加のプラグインがインストールされていない状態)で利用可能な、ほとんど(すべて?)の追加マークアップの定義が提供されます。
「いいね!」 20
Shauny
(Shaun Robinson)
2025 年 2 月 17 日午後 9:46
2
ありがとうございます!
「スポイラー」タグを直接上部のツールバーに追加する方法はありますか?よく使う機能なので。
編集:解決しました
「いいね!」 3
Shauny
(Shaun Robinson)
2025 年 2 月 17 日午後 10:08
3
ショートカットはどのように機能しますか?
「ネタバレ」ボタンのキーボードショートカットを作成したいのですが、ほとんどのショートカットは他のことにすでに使用されていませんか?
例では「Shift-4 」とありますが、私にとっては $ 記号になります…
「いいね!」 2
Heliosurge
(Dan DeMontmorency)
2025 年 2 月 18 日午前 3:37
5
はい、とても素敵なコンポーネントです。編集バーの追加ボタンを探していました。
クールな機能として、編集バーにボタンを追加できると良いですね。おそらく2つのオプションがあります。表示/非表示と
/または編集バーのメニューを切り替えることです。これにより、機能を選択可能なバーにグループ化できます。
例:
スタイルバー:太字、イタリック、打ち消し線などが含まれます。
レイアウトバー:表、右寄せ、中央揃えなど。
よく使う機能を主バーにカスタマイズできるオプションもあります。
Shaun Robinson:
ショートカットはどのように機能しますか?
(このコンポーネントは、DiscourseのJSコードに既に存在するパラメータ/オプションを公開するだけであることを覚えておいてください…)
ショートカットの場合、ショートカットキーと任意の修飾子を指定します…そしてDiscourseは常にctrl+(またはAppleハードウェアではcmd+?)を先頭に追加します。たとえば、「shift+4」というリテラル文字列(ボタンパラメータとして)は、ショートカットキーとして<kbd>ctrl</kbd>+<kbd>shift</kbd>+<kbd>4</kbd>に変換されます。
ショートカットを削除する方法を見つけようとはしていません。これも、Composerに既に組み込まれているボタンのベースラインの上に、このコンポーネントが追加されるものです。(<kbd>ctrl</kbd>+<kbd>e</kbd>が整形済みテキストのショートカットではなく、単に「行末にジャンプ」になるようにできればよかったのですが!)
「いいね!」 3
Shauny
(Shaun Robinson)
2025 年 10 月 1 日午前 11:57
14
これについて問題があります。使用していて気に入っていますが、「スポイラー」ボタンを追加したところ、SPANではなくDIVを使用してスポイラータグを作成するため、WYSIWYGエディターを使用すると常に新しい行に表示されます。
これを変更する方法はありますか?
Shauny
(Shaun Robinson)
2025 年 11 月 6 日午後 11:23
15
これはまだサポートされていますか?
スポイラーがSPANではなくDIVにあるという問題がまだ発生しています。
Shauny
(Shaun Robinson)
2025 年 11 月 30 日午前 8:24
16
これはもうサポートされていないようですね?
「スポイラー」ボタンが正しく機能しない問題を修正する方法を誰か提案してもらえませんか(以前の投稿を参照してください)。
これを確認しますが、「スポイラー」ボタンを具体的にどのように追加したかを示す必要があります。
Shauny
(Shaun Robinson)
2025 年 11 月 30 日午後 7:59
18
ありがとうございます!
私の設定は以下の通りです。
その下にさらにいくつかありますが、スポイラーは以下で追加されます。
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
Shauny
(Shaun Robinson)
2025 年 11 月 30 日午後 9:03
20
ネタバレがブロックレベルにならないように修正できれば、大変感謝します🙏
最初の投稿に、リッチテキストエディタとの互換性がないという警告を追加しました。
私はこれをテストしていませんが、これはこの特定のコンポーネントとは何の関係もないように思えます。再現手順を添えて、新しいサポートバグレポートを開始することをお勧めします。
renato
(Renato Atilio)
2025 年 12 月 1 日午後 7:48
22
再現できません。お使いのブラウザは何ですか?
この問題はこのコンポーネントに特有のものです。コアの元の「スポイラーをぼかす」アクションは、[spoiler] bbcodeを追加するだけではない、異なる実装を使用しています。
「いいね!」 2
renato:
再現できません。お使いのブラウザは何ですか?
Firefox 140.5.0esr を使用しています。
「いいね!」 1
renato
(Renato Atilio)
2025 年 12 月 2 日午後 1:04
25
ご報告ありがとうございます。これで修正されたはずです 。(そして、トピックと関係のないことで申し訳ありません)
Shauny
(Shaun Robinson)
2026 年 1 月 14 日午後 4:16
26
リッチテキストモードでコアの実装を使用するように、それを上書きする追加のコンポーネントを作成できるかどうか見てみます。
「いいね!」 2
祁同伟
2026 年 1 月 21 日午前 1:28
27
このテーマコンポーネントでは、現在次のエラーが発生しています。
chunk.3472481d53e4a6d601a5.d41d8cd9.js:sourcemap:10 DEPRECATION: Importing `inject` from `@ember/service` is deprecated. Please import `service` instead. \[deprecation id: importing-inject-from-ember-service\] This will be removed in ember-source 7.0.0. See https://deprecations.emberjs.com/id/importing-inject-from-ember-service for more details.
(匿名) @ chunk.3472481d53e4a6d601a5.d41d8cd9.js:sourcemap:10
chunk.3472481d53e4a6d601a5.d41d8cd9.js:sourcemap:117 Discourse v2026.1.0-latest — https://…