ツールバーの下部を display none 以外で削除する方法

以下のようにカスタムボタンを追加しましたが、TOOLBAR CLASSで既に追加されたボタンを削除する方法を知りたいです。:thinking:
image
また、私のカスタムボタン機能は、素早くダイスを追加するためのコードスニペットですが、このボタンをクリックすると、太字ボタンのように、既に追加されたテキストが消えるようにするにはどうすればよいでしょうか?


多くのトピックを検索しましたが、解決策が見つかりませんでした。
返信ありがとうございます!

「いいね!」 1

ツールバーボタンを非表示にするためにCSSを使用するだけで十分な場合があります。

そして、applySurroundメソッドによって実装されたbold関数です。

「いいね!」 2

返信ありがとうございます。しかし、太字ボタンをクリックするとコード ** が表示され、もう一度クリックすると消えることに気づきました。私のカスタムボタンには、もう一度クリックするとコードが消える機能がありません。

何か解決策はありますか?私のカスタムボタンのコードは以下の通りです。

<script type="text/discourse-plugin" version="0.8">
  const currentLocale = I18n.currentLocale();
  if (!I18n.translations[currentLocale].js.composer) {
    I18n.translations[currentLocale].js.composer = {};
  }
  I18n.translations[currentLocale].js.composer.ttl_spoiler_text = "隠しコンテンツを挿入";
  I18n.translations[currentLocale].js.ttl_dice_title = "ttl-spoiler";
  api.onToolbarCreate(function(toolbar) {
    toolbar.addButton({
      id: "ttl-spoiler",
      icon: "ttl-spoiler-icon",
      group: "extras",
      preventFocus: true,
      trimLeading: true,
      perform: (e) => e.applySurround("[spoiler]", "[/spoiler]", "ttl_spoiler_text")
    });
  });
</script>

opts 引数を試してください。