“왜 편집하나요?” 필드를 기본적으로 확장할 수 있나요?

mattdm · 3월 10, 2023, 9:38오후

이 기능을 적극 활용하고, 동시에 이 기능이 존재한다는 사실을 스스로에게 상기시키고 싶습니다. 내 머릿속 어딘가에는 원형 아이콘을 클릭하면 텍스트 입력 필드가 확장된다는 걸 알고 있지만, 게시물을 편집하는 부분의 뇌는 그 부분과 꽤 멀리 떨어져 있는 것 같습니다. 기본적으로 자동으로 확장되도록 할 수 있는 쉬운 방법이 있을까요?

Canapin · 3월 10, 2023, 11:11오후

잘 모르겠지만, 테마 컴포넌트에 대해 조금 아는 분이 이 주제를 보신다면, 버튼/입력창에 사용된 스크립트와 템플릿을 공유합니다:

github.com/discourse/discourse

app/assets/javascripts/discourse/app/controllers/composer.js

4350a903e


      
          },
          
          save(ignore, event) {
            this.save(false, {
              jump:
                !(event?.shiftKey && this.get("model.replyingToTopic")) &&
                !this.skipJumpOnSave,
            });
          },
          
          displayEditReason() {
            this.set("showEditReason", true);
          },
          
          hitEsc() {
            if (
              document.querySelectorAll(".emoji-picker-modal.fadeIn").length === 1
            ) {
              this.appEvents.trigger("emoji-picker:close");
              return;
            }

github.com/discourse/discourse

app/assets/javascripts/discourse/app/templates/composer.hbs

efc74ccca


      
            {{#if this.model.unlistTopic}}
              <span class="unlist">({{i18n "composer.unlist"}})</span>
            {{/if}}
            {{#if this.isWhispering}}
              {{#if this.model.noBump}}
                <span class="no-bump">{{d-icon "anchor"}}</span>
              {{/if}}
            {{/if}}
          {{/unless}}
          
          {{#if this.canEdit}}
            <LinkToInput
              @onClick={{action "displayEditReason"}}
              @showInput={{this.showEditReason}}
              @icon="info-circle"
              @class="display-edit-reason"
            >
              <TextField
                @value={{this.editReason}}
                @id="edit-reason"
                @maxlength="255"

composer가 열릴 때 displayEditReason()가 실행될 수 있을 것 같습니다

mattdm · 3월 10, 2023, 11:57오후

이상적으로는 this.canEdit도 여전히 준수하는 것이 좋겠습니다…

글		댓글	조회수
Require Edit Reason Theme component	1	2014	2월 10, 2025
Pressing "Add edit reason" button does not auto-focus into the text field Bug	7	2227	6월 27, 2016
Is there a way to automatically expand the reply composer box by default? Product Support composer	7	570	6월 27, 2024
More self-evident icon to access the edit message dialog UX completed , design	11	434	2월 19, 2026
Buttons not showing on fullscreen composer UX	4	669	7월 16, 2022

“왜 편집하나요?” 필드를 기본적으로 확장할 수 있나요?

Related topics