display:none 없이 툴바 하단 삭제하는 방법?

개발
1

아래에 표시된 것처럼 사용자 정의 버튼을 추가했는데, TOOLBAR CLASS에 이미 추가된 버튼을 삭제하는 방법을 알고 싶습니다. :thinking:
image
또한, 제 사용자 정의 버튼 기능은 주사위를 빠르게 추가하기 위한 코드 스니펫입니다. 굵게 만들기 버튼처럼 버튼을 다시 클릭하면 이미 추가된 텍스트가 사라지도록 하는 방법을 알고 싶습니다.

image
image706×134 4.43 KB

많은 주제를 검색해 봤지만 여전히 해결책을 찾지 못했습니다.
답변 주셔서 감사합니다!

2

CSS를 사용하여 도구 모음 버튼을 숨기면 충분할 수 있습니다.

그리고 applySurround 메서드로 구현된 bold 함수입니다.

3

답변 감사합니다! 그런데 BOLD 버튼을 클릭하면 ** 코드가 표시되고, 다시 클릭하면 사라지는 것을 확인했습니다. 제 커스텀 버튼은 다시 클릭했을 때 코드를 제거하는 기능이 없습니다.

해결 방법이 있을까요? 제 커스텀 버튼의 코드는 다음과 같습니다:

<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 = "Insert hidden content";
  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 인수를 시도해 보세요.