Wie kann man die untere Symbolleiste löschen, aber nicht durch display none?

Vielen Dank für Ihre Antwort! Aber ich habe bemerkt, dass beim Klicken auf die Schaltfläche FETT der Code ** erscheint und dann wieder verschwindet, wenn ich erneut darauf klicke. Meine benutzerdefinierte Schaltfläche hat nicht die Fähigkeit, den Code beim erneuten Klicken verschwinden zu lassen.

Haben Sie eine Lösung dafür? Der Code für meine benutzerdefinierte Schaltfläche lautet wie folgt:

<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 = "Insert hidden content";
  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>