Como excluir a barra de ferramentas inferior, mas não por display none?

Obrigado pela sua resposta! Mas notei que quando clico no botão NEGRITO, o código ** aparece e depois desaparece quando clico nele novamente. Meu botão personalizado não tem a capacidade de fazer o código desaparecer quando clicado novamente.

Você tem alguma solução para isso? O código do meu botão personalizado é o seguinte:


  const currentLocale = I18n.currentLocale();
  if (!I18n.translations[currentLocale].js.composer) {
    I18n.translations[currentLocale].js.composer = {};
  }
  I18n.translations[currentLocale].js.composer.ttl_spoiler_text = "Inserir conteúdo oculto";
  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")
    });
  });