Composer Button フェスティバル

mdoggydog · 2025 年 2 月 16 日午前 5:07

リッチテキスト（シングルペイン、WYSIWYG）エディタは不完全であり、このテーマコンポーネントをまだ適切にサポートしていません。


	概要	Composer Button Bonanza は、サイト管理者が新しいマークアップボタンを定義し、Composerツールバーに追加できるようにするものであり、デフォルトの構成では多数の新しいボタンを提供します。
	リポジトリ	centertap/DiscourseComposerButtonBonanza - Codeberg.org
	Readme	README.md
	リリースノート	RELEASE-NOTES.md
	インストールガイド	テーマまたはテーマコンポーネントのインストール方法
	スポンサー	提供元: このテーマコンポーネントは、501(c)(3)非営利団体である Center for Transparent Analysis and Policy によって開発されています。このコンポーネントがお使いのサイトで役立つ場合は、CTAPを支援するために寄付をご検討ください。

Composer Button Bonanzaをインストール

「あなたが利用できる作曲者のための手助け！」

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

すぐに使える状態で、多数の新しいボタン、たくさんのボタン、そして豊富なボタンを提供します。デフォルト構成では、ツールバーに3つの新しいボタンが追加され（分かりますか？）、残りはポップアップメニューのトグルボタンの背後に隠されます。

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

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

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

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

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

デフォルト構成

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

テキストスタイル:
- 下線、 ~~打ち消し線~~
- ^上付きおよび _下付き
- 大きなテキスト、小さなテキスト
- キーボード風
フォーマット
- 見出し 1、 見出し 2、 見出し 3
- 脚注^[1]
- ルビー(ルビーテキスト)
- 外部URLからの画像 (<img>)
- チェックリスト
- ハイライトされた、挿入された、 ~~削除された~~ テキスト
記号
- 著作権 ©、登録 ®、商標 ™
- ユーロ €、円 ¥
- 「シュラッグ」顔文字（なぜなら、そうでしょう？ ¯\(ツ)/¯ ）
そして、上記ほとんどのボタンを表示/非表示にするトグルボタン

前述のとおり、これらは単なるデフォルトです。これらのボタンはすべて再配置または削除でき、新しいボタンを追加できます。

…たとえば、このような脚注。 ↩︎

Shauny · 2025 年 2 月 17 日午後 9:46

ありがとうございます！

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

編集：解決しました

Shauny · 2025 年 2 月 17 日午後 10:08

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

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

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

Heliosurge · 2025 年 2 月 18 日午前 3:37

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

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

例:

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

mdoggydog · 2025 年 2 月 18 日午前 3:39

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

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

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

denvergeeks · 2025 年 2 月 19 日午前 8:03

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

Shauny · 2025 年 10 月 1 日午前 11:57

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

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

Shauny · 2025 年 11 月 6 日午後 11:23

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

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

Shauny · 2025 年 11 月 30 日午前 8:24

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

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

denvergeeks · 2025 年 11 月 30 日午後 4:40

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

Shauny · 2025 年 11 月 30 日午後 7:59

ありがとうございます！

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

Screenshot 2025-11-30 at 19.58.22

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

spoiler,shift+x

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

ありがとうございます！

mdoggydog · 2025 年 11 月 30 日午後 8:25

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?)

Shauny · 2025 年 11 月 30 日午後 9:03

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

tobiaseigen · 2025 年 12 月 1 日午後 7:13

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

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

renato · 2025 年 12 月 1 日午後 7:48

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

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

tobiaseigen · 2025 年 12 月 1 日午後 8:01

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

mdoggydog · 2025 年 12 月 1 日午後 9:42

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

renato · 2025 年 12 月 2 日午後 1:04

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

Shauny · 2026 年 1 月 14 日午後 4:16

リッチテキストモードでコアの実装を使用するように、それを上書きする追加のコンポーネントを作成できるかどうか見てみます。

祁同伟 · 2026 年 1 月 21 日午前 1:28

このテーマコンポーネントでは、現在次のエラーが発生しています。

トピック		返信	表示
MD Composer extras Theme component	70	8912	2025 年 7 月 8 日
Test our new composer! Announcements composer	129	4322	2025 年 7 月 10 日
Help us test the rewritten Composer Feature feedback	145	23483	2016 年 10 月 21 日
Introducing our new composer, making writing on Discourse easier than ever Announcements composer	50	3290	2025 年 11 月 1 日
Formatting toolbar Plugin	189	33515	2026 年 3 月 29 日

Composer Button フェスティバル

「あなたが利用できる作曲者のための手助け！」

デフォルト構成

関連トピック