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

Dev
1

Adicionei alguns botões personalizados como mostrado abaixo, mas quero saber como excluir os botões já adicionados na CLASSE TOOLBAR? :thinking:
image
Além disso, minha função de botão personalizada é um trecho de código para eu adicionar dados rapidamente, gostaria de saber como dar a este botão a capacidade de fazer o texto já adicionado desaparecer quando clicado novamente, como o botão negrito?

image
image706×134 4.43 KB

Pesquisei muitos tópicos, mas ainda não encontrei uma solução
Obrigado por suas respostas!

1 curtida
2

Usar CSS para ocultar o botão da barra de ferramentas pode ser suficiente.

E a função bold implementada pelo método applySurround.

2 curtidas
3

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

Tente o argumento opts.