# 장비 편집기 메뉴에 왜 이렇게 많은 옵션이 있나요?

**URL:** https://meta.discourse.org/t/why-so-many-options-in-the-gear-editor-menu/239497
**Category:** UX
**Created:** [9월 20, 2022, 2:12오전 UTC](https://meta.discourse.org/t/why-so-many-options-in-the-gear-editor-menu/239497 "2022-09-20T02:12:37Z")
**Posts on this page:** 1
**Showing post:** 12

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [12월 4, 2022, 2:04오후 UTC](https://meta.discourse.org/t/why-so-many-options-in-the-gear-editor-menu/239497/12 "2022-12-04T14:04:18Z")

</div>

안녕하세요,

이렇게 하면 터치 기기에 새로운 사전 포맷된 텍스트(Preformatted text) 버튼을 추가할 수 있습니다.

새로운 컴포넌트 **Common/Header** 섹션에 다음 내용을 추가하세요.

```javascript
<script type="text/discourse-plugin" version="0.8">
  const container = Discourse. __container__ ;
  this.capabilities = container.lookup("capabilities:main");

  if (this.capabilities.touch) {
    api.onToolbarCreate(function(toolbar) {
      toolbar.addButton({
        id: "code",
        group: "insertions",
        preventFocus: true,
        trimLeading: true,
        action: "formatCode",
      });
    });
  }
</script>

```

**Common/CSS** 섹션에 이것을 추가하세요. 이렇게 하면 팝업 메뉴에서 사전 포맷된 텍스트 버튼이 숨겨집니다.

```scss
.select-kit.dropdown-select-box.toolbar-popup-menu-options {
  li[data-value="applyFormatCode"] {
    display: none;
  }
}

```

* * *

 ![Screenshot_20221204_145422](https://global.discourse-cdn.com/meta/original/4X/a/9/9/a99123877018ff26677392995ed73c5ea0cbb5f1.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/why-so-many-options-in-the-gear-editor-menu/239497)._