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

Entwickler
1

Ich habe einige benutzerdefinierte Schaltflächen hinzugefügt, wie unten gezeigt, aber ich möchte wissen, wie ich die bereits in TOOLBAR CLASS hinzugefügten Schaltflächen löschen kann? :thinking:
image
Außerdem ist meine benutzerdefinierte Schaltflächenfunktion ein Code-Snippet, mit dem ich schnell Würfel hinzufügen kann. Ich möchte wissen, wie ich dieser Schaltfläche die Fähigkeit geben kann, den bereits hinzugefügten Text beim erneuten Klicken verschwinden zu lassen, wie die fette Schaltfläche?

image
image706×134 4.43 KB

Ich habe viele Themen durchsucht, aber immer noch keine Lösung gefunden
Vielen Dank für Ihre Antworten!

1 „Gefällt mir“
2

Das Ausblenden der Toolbar-Schaltfläche mit CSS könnte ausreichen.

Und die bold-Funktion, die von der applySurround-Methode implementiert wird.

2 „Gefällt mir“
3

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>
4

Probieren Sie das opts-Argument aus.