디스코urse 작성기 편집기 사용자 정의 방법

우리 포럼에 기능이 필요합니다. 이미지를 업로드한 후, 사용자가 “답글” 버튼을 클릭하기 전에, 텍스트 영역에 이미지에 대한 태그를 입력하도록 안내하는 안내문이 자동으로 표시되도록 하는 것입니다. 예를 들어, 이미지 줄 바로 뒤에 고정된 형식의 추가 줄이 자동으로 생성되고, 사용자가 나중에 이 줄을 채울 수 있도록 하는 방식입니다.

이 기능이 필요한 이유는 포럼의 모든 게시물/답글에 포함된 모든 이미지에 태그가 필요하기 때문입니다. 이 간단한 메커니즘은 사용자가 규칙을 따르는 데 도움을 줄 뿐만 아니라, 서버가 잘 태그된 이미지를 데이터베이스에 저장하는 데도 도움이 됩니다.

저는 다음과 같은 몇 가지 JS 파일을 수정하여 이를 구현하려고 시도하고 있습니다.
/discourse/app/assets/javascripts/discourse/app/components/composer-editor.js
또는
/Users/yanxiaofeng/discourse/app/assets/javascripts/pretty-text/addon/upload-short-url.js

하지만 저는 discourse와 JS에 익숙하지 않습니다 :rofl: 저는 컴포저 에디터와 함께 작동하는 몇 가지 플러그인을 찾았지만, 분명히 이들은 한두 개의 JS 파일만 수정하는 것이 아니며, 이 기능을 구축하는 범위가 얼마나 되는지, 그리고 난이도는 어느 정도인지에 대해 혼란스럽습니다.

어떤 의견, 아이디어, 제안, 참고 자료든 환영합니다!!!

그렇게 하시는 걸 권하지 않습니다. 디스코러스 테마 개발 입문 가이드를 참고해 주세요.

"태그"를 디스코러스 용어로서의 의미로 말씀하시는 거라면, 태그는 업로드나 게시글이 아니라 주제(Topic)에 사용되는 것이므로, 다른 방식으로 구현하셔야 할 수도 있습니다. 아니면 디스코러스의 태그 기능을 용도에 맞게 활용하실 수도 있겠네요.

대신 플러그인을 개발하시는 것이 더 나을 수 있습니다. 이렇게 하면 업로드 전용 "태그"를 만들 수 있습니다. 업로드 작동 방식을 크게 변경하는 사례의 예시로 Video Upload to YouTube and Vimeo using Theme Component 를 참고해 보실 수 있습니다. 예를 들어, 디스코러스가 파일 관리자가 되는 것보다는 해당 이미지들을 완전히 다른 사이트로 업로드하도록 설정하는 것이 더 적합할 수도 있습니다.