Как удалить нижнюю панель инструментов, но не через display: none?

Разработка
1

Я добавил несколько пользовательских кнопок, как показано ниже, но хочу узнать, как удалить уже добавленные кнопки в TOOLBAR CLASS? :thinking:
image
Также моя функция пользовательской кнопки — это фрагмент кода для быстрого добавления кубиков. Хотелось бы узнать, как сделать так, чтобы при повторном нажатии на эту кнопку уже добавленный текст исчезал, как это делает кнопка жирного шрифта?

image
image706×134 4.43 KB

Я перерыл множество тем, но так и не нашёл решения.
Спасибо за ваши ответы!

2

Использование CSS для скрытия кнопки панели инструментов может быть достаточно.

А также функция bold, реализованная методом applySurround.

3

Спасибо за ваш ответ! Но я заметил, что при нажатии на кнопку ЖИРНЫЙ код ** появляется, а затем исчезает при повторном нажатии. Моя пользовательская кнопка не имеет возможности скрывать код при повторном нажатии.

Есть ли у вас решение этой проблемы? Код моей пользовательской кнопки приведен ниже:

<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 = "Вставить скрытый контент";
  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

Попробуйте аргумент opts.