Come eliminare la barra degli strumenti in basso ma non con display none?

Sviluppatore
1

Ho aggiunto alcuni pulsanti personalizzati come mostrato di seguito, ma vorrei sapere come eliminare i pulsanti già aggiunti nella CLASSE TOOLBAR? :thinking:
image
Inoltre, la mia funzione del pulsante personalizzato è uno snippet di codice per aggiungere rapidamente i dadi, vorrei sapere come dare a questo pulsante la capacità di far scomparire il testo già aggiunto quando viene cliccato di nuovo, come il pulsante grassetto?

image
image706×134 4.43 KB

Ho cercato molti argomenti ma non ho ancora trovato una soluzione
Grazie per le vostre risposte!

1 Mi Piace
2

Usare CSS per nascondere il pulsante della barra degli strumenti potrebbe essere sufficiente.

E la funzione bold implementata dal metodo applySurround.

2 Mi Piace
3

Grazie per la tua risposta! Ma ho notato che quando clicco sul pulsante GRASSETTO, appare il codice ** e poi scompare quando lo clicco di nuovo. Il mio pulsante personalizzato non ha la capacità di far scomparire il codice quando viene cliccato di nuovo.

Hai qualche soluzione per questo? Il codice per il mio pulsante personalizzato è il seguente:


  const currentLocale = I18n.currentLocale();
  if (!I18n.translations[currentLocale].js.composer) {
    I18n.translations[currentLocale].js.composer = {};
  }
  I18n.translations[currentLocale].js.composer.ttl_spoiler_text = "Inserisci contenuto nascosto";
  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")
    });
  });
4

Prova l’argomento opts.