특정 태그 주제에 대한 Composer 팁

:information_source: 요약 이 테마 컴포넌트는 작성기(composer)에서 특정 태그가 지정된 주제의 설명을 제공합니다.
:hammer_and_wrench: 저장소 GitHub - Lemon-planting-light/discourse-composer-tip: Add tips to discourse composer when in topic with special tags · GitHub
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: Discourse 테마 초보이신가요? Discourse 테마 사용 입문가이드

이 테마 컴포넌트 설치

요약

:warning: 이 테마 컴포넌트는 작성기의 오른쪽 아래 구역을 차지합니다. 해당 영역을 사용하는 다른 플러그인이나 테마 컴포넌트가 있는 경우 호환되지 않을 수 있습니다.

때때로, 특정 태그로 표시된 주제에 대해 답변 시 지켜야 할 규칙이 무엇인지 시각적으로 알려주는 것이 필요할 수 있습니다.
이 테마 컴포넌트는 바로 그 역할을 합니다. 작성기에서 특정 태그가 지정된 주제의 설명을 제공합니다.

또한 간결하고 이해하기 쉬운 json_schema 편집 상자를 제공하여 설정을 매우 쉽게 수정할 수 있습니다.

동시에 두 가지 모드를 제공합니다. 이를 상세 모드(Details Mode)와 모달 모드(Modal Mode)라고 부릅니다.

위에서 보셨듯이, 제가 제 포럼을 위해 개발하고 있기 때문에 기본적으로 제공되는 컴포넌트 이름과 설정 예시는 중국어입니다. 직접 변경하셔야 할 수 있습니다. 불편을 드려 죄송합니다.

상세 모드 (Details Mode)


모달 모드 (Modal Mode)


11개의 좋아요

정말 유용해 보이네요!

한 가지 제안이 있습니다. “Display for OP”(OP에게 표시)과 “Hide for replier”(답변자에게 숨김)은 의미가 정반대입니다. 아래처럼 방향을 통일하는 것이 얼마나 어려울까요?

“First Post에 표시” / “답변에 표시”

또는

“First Post에 숨김” / “답변에 숨김”

?

3개의 좋아요

Grammarly 사용자의 경우, 작곡가(Composer)의 구성 요소가 Grammarly의 (상호작용 가능한) 아이콘에 의해 부분적으로 가려집니다:

CSS로 쉽게 수정할 수 있다고 생각하지만, 정렬을 변경할 수 있는 설정이 유용할 수도 있습니다.

3개의 좋아요

이 테마 컴포넌트가 카테고리에도 적용되도록 할 수 있을까요? 템플릿 텍스트를 설명으로 추가하는 것보다 그렇게 하는 것이 더 좋아 보입니다.

기존 테마 컴포넌트에서 태그를 설정하는 것과 동일한 방식으로 카테고리를 설정할 수 있는 옵션만 있어도 만족하겠습니다. 하지만 다음 모든 방식으로 작동할 수 있다면 훨씬 더 유용할 것입니다:

  1. 카테고리와 무관하게 특정 태그에 대해
  2. 태그와 무관하게 특정 카테고리에 대해
  3. 주어진 태그와 카테고리를 함께 지정하여

그리고 세 번째 경우라면, 첫 번째와 두 번째 설정을 우선적으로 덮어쓸 수 있으면 좋겠습니다. (즉, 카테고리에 대한 일반 텍스트가 있을 수 있지만, 특정 태그를 선택하면 다른 텍스트가 표시되도록 하는 것입니다. 또는, 태그에 대한 일반 텍스트가 있지만, 특정 카테고리에서 사용되는 경우를 제외하는 방식입니다.)

3개의 좋아요

음 — 이걸 설치했는데, 첫 번째 게시물에는 표시되지 않고 댓글에만 표시되고 있어요. “게시자 표시” 설정을 어떻게 바꾸든 마찬가지예요.

2개의 좋아요

아, 아마도 제가 영어 모국어가 아니라서 단어 이해에 어려움을 겪고 있는 것 같습니다.

이 두 설정 항목은 각각 "post_number = 1인 게시글 작성자에게 표시할지 여부"와 "이미 한 번 답변한 사용자에게 표시하지 않기"를 의미합니다.

테스트 포럼에서 다시 테스트해 보았는데, 잘 작동하는 것 같습니다.

2개의 좋아요

이 문제를 수정하여 커밋했습니다. 제안해 주셔서 감사합니다!
(참고: 설정 JSON 항목이 수정되었으므로, 이전 설정 항목을 다시 입력해야 합니다)

2개의 좋아요

테스트 결과, 이 기능은 답변에서만 작동하는 것 같습니다. 새 주제의 첫 게시글을 작성할 때는 나타나지 않습니다.

2개의 좋아요

아, 무슨 말씀인지 알겠어요. 의도적으로 그렇게 설계한 거예요. 원래 응답자가 어떤 규범에 따라 답변해야 하는지 한눈에 볼 수 있도록 설계했는데, OP는 그걸 알 필요가 없거든요. 규범을 선택하는 쪽이 OP이니까요.

2개의 좋아요

아 — "Hide for OP"는 _본인 자신의 게시물_에 대한 답변에서 해당 메시지를 보이지 않게 한다는 뜻이군요? 제가 오해하고 있었네요! (다만, 이 설정의 용도는 이제 이해할 수 있습니다!)

제가 염두에 둔 사용 사례는 다음과 같습니다. 누군가가 #contribute:bug나 #help와 같은 태그를 선택할 경우, 첫 번째 게시물에 좋은 문제 보고서를 작성하는 방법에 대한 가이드 링크를 제공할 수 있습니다. (태그 기반 접근 방식 외에도 카테고리별로 제공하면 좋겠습니다.)

그리고, 아마도 답변들 (OP가 아닌 다른 사람들에 의한)에는 좋은 답변을 작성하는 데 도움이 되는 리소스 링크를 제공할 수 있을 것입니다. (다만 이 사용 사례에서는 첫 번째 게시물이 더 중요합니다.)

또는, 다른 사용 사례로: 주제가 뉴스 기사나 블로그 게시물인 경우, 답변 내 텍스트에서 텍스트의 _본질적 내용_에 대해 댓글을 달도록 사람들을 상기시킬 수 있으며, 오탈자나 기타 오류를 보고하기 위한 링크를 제공할 수 있습니다. (이렇게 하면 답변이 더 유용하게 유지되면서 동시에 관리자의 부담을 줄이는 데 도움이 될 것입니다.)

3개의 좋아요

꽤 멋지네요. 첫 번째 게시물에서 이 기능이 작동하도록 해줄 수 있을까요? 제가 플러그인에서 필수 문자를 사용하고 있는데, 오른쪽에 표시되거든요. '왼쪽 정렬’을 사용해 텍스트를 줄바꿈할 수 있을까요?

1개의 좋아요

짧은 설명에 HTML을 사용할 수 있을까요? 기본적인 <kbd> 태그를 사용하면 표현이 더 명확해질 것 같습니다. :wink: 물론 CSS를 통해 구현할 수는 있지만, HTML이 더 쉬운 해결책이 될 것 같아요.

2개의 좋아요

네, 지원됩니다.
그뿐만 아니라 HTMLsafe가 아닌 완전한 HTML을 사용합니다.

2개의 좋아요

양쪽 팁을 왼쪽 정렬로 만들려면 어떻게 해야 하나요? 저는 Characters required 플러그인을 사용하는데, 이 플러그인은 오른쪽 아래에 표시됩니다.

1개의 좋아요

아마도 사이트에 CSS 한 줄을 수동으로 추가해야 할 수도 있습니다… 같은 공간을 차지하는 플러그인들을 수정할 의도는 없어요, 음

.topic-tag-desc-container {
    text-align: left;
}
2개의 좋아요

여기서 요소를 지정하는 것과 비슷하게, CSS로 해당 요소를 표적 지정해야 할 가능성이 높습니다.

UX 카테고리에는 모바일에서 작성기 메뉴를 하단으로 이동시키고, 기어 아이콘이 옵션으로 대체되며 작성기 아이콘이 왼쪽에서 오른쪽으로 스크롤되도록 하는 깔끔한 아이디어 코드가 있습니다. 또한 이 코드는 해당 컴포넌트 및 문자 수 요구 사항 플러그인과 배치 문제를 일으킬 수 있습니다.

빠른 답변 감사합니다.

관심 있으시다면 아래는 해당 주제입니다.

2개의 좋아요

진짜요? 태그를 하나도 제대로 작동시킬 수 없었어요. <b> 같은 기본 태그조차도요.

1개의 좋아요

태그 팁은 OP/게시물 1에는 표시되지 않는다는 점을 유의하세요. 2번 게시글 등에 표시됩니다.

컴포넌트의 편집기를 사용하여 짧은 설명 및/또는 긴 설명을 추가하고 정의해야 합니다.

테스트 주제

hus css 수정을 적용하여 태그 팁이 왼쪽에 표시되도록 했습니다.

원圈内 표시된 것은 제 태그 팁입니다. 모달에 설정되어 있으므로 클릭하면 닫을 수 있는 상자에서 긴 설명이 호출됩니다.

1개의 좋아요

음… 제 경우에는 잘 작동합니다

image

2개의 좋아요

그가 편집기에서 taf를 편집하지 않고, 샘플과 일치하는 태그 없이 기본값만 시도하고 있다고 추측합니다.

1개의 좋아요