Comment supprimer la barre d'outils en bas sans utiliser display none ?

J’ai ajouté des boutons personnalisés comme indiqué ci-dessous, mais je voudrais savoir comment supprimer les boutons déjà ajoutés dans la CLASSE TOOLBAR ? :thinking:
image
De plus, ma fonction de bouton personnalisé est un extrait de code pour ajouter rapidement des dés, je voudrais savoir comment donner à ce bouton la capacité de faire disparaître le texte déjà ajouté lorsqu’il est cliqué à nouveau, comme le bouton gras ?


J’ai consulté de nombreux sujets mais je n’ai toujours pas trouvé de solution
Merci pour vos réponses !

1 « J'aime »

Utiliser CSS pour masquer le bouton de la barre d’outils pourrait suffire.

Et la fonction bold implémentée par la méthode applySurround.

2 « J'aime »

Merci pour votre réponse ! Mais j’ai remarqué que lorsque je clique sur le bouton GRAS, le code ** apparaît et disparaît ensuite lorsque je clique à nouveau dessus. Mon bouton personnalisé n’a pas la capacité de faire disparaître le code lorsqu’on clique dessus à nouveau.

Avez-vous une solution pour cela ? Le code de mon bouton personnalisé est le suivant :


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")
    });
  });

Essayez l’argument opts.