DiscoTOC - automatic table of contents

4개의 좋아요

감사드리고, 그걸 놓친 점 죄송합니다…

완벽하게 작동합니다! 시간 내어 도와주셔서 정말 감사드립니다! :raising_hands:

2개의 좋아요

모든 기능이 정상적으로 작동하고 있지만:

  1. 모바일에서는 설명서에 나와 있는 것처럼 “목차” 버튼이 보이지 않습니다:

  1. 이 버튼을 보려면 최소한 댓글이나 답글을 하나 이상 추가해야 합니다(답글이 없어도 표시되는 것이 정상적인 것 같은데?), 하지만 그렇게 하더라도 이미지에 나와 있는 모습과 다릅니다:

아이콘만 표시되는 것이 아니라 "목차"라는 텍스트가 보이도록 할 수 있을까요? CSS를 통해 가능할 것 같아서, 이것이 새로운 "기능"인지 아니면 텍스트를 표시하도록 변경할 수 있는 다른 설정이 있는지 궁금합니다.

혹시 그 문제가 아닐까 해서 기본 텍스트도 변경해 보았지만, 결과는 마찬가지였습니다:

image


수정: 커스텀 컴포넌트에서 CSS를 사용해 텍스트를 추가하는 데 성공했지만, 이것이 버그인지 아니면 다른 문제인지 여전히 궁금합니다.

@media screen and (max-width: 767px) {
  .d-toc-mini button::after {
    content: "Table of Contents";
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
  }
}

그리고 답글이 없을 때 하단에 고정되어 보이는 문제(대신 "고정(sticky)"되어야 하는데)도 아직 해결하지 못했습니다.

첫 번째 게시물의 스크린샷은 꽤 오래되었습니다. 게시물 하나가 아닌 여러 개일 때 타임라인과 목차(toc)를 전환할 수 있는 버튼에 대한 정보나, 답글에 대한 목차(toc) 기능에 대한 정보는 그 안에 찾을 수 없습니다.

모바일에서 버튼이 사라진 문제는 여기서 보고되었습니다:

사용자 정의 CSS 대신 공식 지원을 선호하신다면, 이 기능 요청도 지원해 주시면 좋겠습니다: Fully expand table of content

2개의 좋아요

응답이 없는 경우 작동하도록 만들 수 있었습니다:

해당 주제에 피드백을 남겼습니다. 감사합니다.

1개의 좋아요

무언가 깨져 있는 것을 발견했습니다.
모바일에서 TOC 패널이 토픽 위에 겹쳐서 슬라이드되지 않습니다. 대신 아래에 추가됩니다:

다른 구성 요소 중 하나에 문제가 있는 것 같아서 모두 비활성화하고 이 하나만 켜두었습니다.


수정: 이 문제가 토픽에 답글이 없을 때만 나타나는 것을 확인했습니다. 테스트용 답글을 추가했는데, 이제 정상적으로 작동합니다. 단순히 목록에서 제외했다가 다시 목록에 추가(List)하는 것만으로도 작동합니다:

image

버그…?

DiscoTOC 2.1.0 테마 컴포넌트를 설치했는데, 컴포저 대화상자의 “+” 메뉴에서 TOC 생성 옵션이 표시되지 않습니다. 현재 Discourse 3.6.0.beta1-dev 버전을 사용 중입니다. “+” 메뉴에는 전체 인용, 표 삽입, 세부 내용 숨기기, 날짜/시간 삽입, 각주 추가, 투표 만들기, 스포일러 흐림 처리 항목만 보입니다.

“동작하지 않는” 다른 상황이 있을까요? 이 사이트에는 “커스텀 헤더 링크” 테마 컴포넌트와 여러 플러그인이 설치되어 있습니다.

지금까지 위키 주제 게시글과 비위키 주제 게시글에서 테스트해 보았습니다.

테스트 문서:

# Top heading

## Second level heading

## Another second level heading

### Whoa, a third level heading

## Yet another second level heading

테마에 해당 컴포넌트를 추가하셨고, 그 후 브라우저에서 사이트를 새로고침해 보셨을 것 같습니다(가끔 제가 까먹어서 말씀드리는 거예요).

테마의 미리보기 버튼을 시도해 보셨나요? 다른 컴포넌트와의 충돌 여부를 확인하는 데 도움이 될 수 있습니다(다만, 그럴 가능성은 낮다고 생각합니다).

또한, 작성기 메뉴의 버튼이 게시글에 추가하는 텍스트를 수동으로 추가해 보실 수도 있습니다.


<div data-theme-toc="true"> </div>


이렇게 하면 작동하나요?

1개의 좋아요

답변에 이렇게 많은 시간을 내어 주셔서 정말 감사합니다! 죄송하지만, 문제는 제 쪽과 Apple 쪽에 있습니다. 저는 새 Mac에서 Safari를 사용 중인데, “+” 메뉴를 열면 실제로 목차(TOC) 옵션이 포함되어 있지만, 목록에 표시되지 않습니다. 그리고 제가 볼 수 있는 한, 메뉴는 스크롤바를 깜빡이게 하지도 않습니다(스크롤하지 않으면 스크롤바가 아예 나타나지 않거든요). 콘텐츠의 세로 정렬이 N개 항목이 아니라 N-1개 항목인 것처럼 완벽하게 맞춰져 있었습니다. 정말 답답하네요. 마침내 Chrome에서 이 작업을 시도했을 때야 알아차렸는데, 우연히 N-1번째 항목이 절반으로 잘려 보였기 때문에 스크롤을 해 보았더니 ….

3개의 좋아요

찾으셨다니 다행입니다.
저도 비슷한 문제를 겪은 적이 있습니다: Last item of reply composer gear menu inaccessible
오래전에 확인한 이후로, 지금은 나아졌는지 다시 시도해 보지는 않았습니다.

2개의 좋아요

PSA, 콘솔 로그에 이 오류가 나타납니다:

2개의 좋아요

리포트해 주셔서 감사합니다! 해당 문제를 해결하기 위해 방금 컴포넌트를 업데이트했습니다

3개의 좋아요

지난주 최신 discourse 빌드로 업데이트한 후 로그에서 이 경고가 계속 보입니다.

Message

DiscoTOC 테마/컴포넌트에서 오류가 발생하고 있습니다:
TypeError: Failed to fetch dynamically imported module: https://ccc.xxx.com/theme-javascripts/fb8891ef8c38dab255d356c75588ff25d4a97805.js?__ws=ccc.xxx.com

Backtrace

TypeError: Failed to fetch dynamically imported module: https://ccc.xxx.com/theme-javascripts/fb8891ef8c38dab255d356c75588ff25d4a97805.js?__ws=ccc.xxx.com

Env

Discourse와 TOC 컴포넌트가 모두 최신 상태인가요? 해당 오류를 재현할 수 없습니다.

네, Discourse는 11월 11일 기준으로 3.6.0.beta3-latest(aee3db7cdd) 버전으로 업데이트되어 있으며, 컴포넌트도 최신 상태로 업데이트되어 있습니다. 다른 컴포넌트에서도 비슷한 오류를 확인하고 있습니다.

메시지

Discourse Top Contributors Sidebar 테마/컴포넌트가 오류를 발생시키고 있습니다:
TypeError: Failed to fetch dynamically imported module: https://ccc.xxx.com/theme-javascripts/ddc9fd1b23f86d280ce4a9dbefc40b751d5fb8b4.js?__ws=ccc.xxx.com

빌드(rebuild)도 시도해 보았지만 해결되지 않았습니다.还有什么 다른 방법으로 시도해 볼 수 있을까요? 또한 이 오류가 사이트에 어떤 영향을 미치나요?

여기서 질문이 있어요:

간단한 질문 하나 하고, 아마 이미 보고된 문제일 텐데 죄송합니다. 어디서 보고되었는지 찾지 못했어요.

(훌륭한) horizon 테마에서 디스플레이 문제가 있는 것 같습니다 (이 메타에서 캡처한 스크린샷, iOS 세로 디스플레이 기준). 향후 릴리스에 기록되어 있나요?

감사합니다 :folded_hands:.

1개의 좋아요

네, 이 주제에 대한 게시물이 있습니다:

3개의 좋아요

좋아요. 빠른 답변 감사합니다.

1개의 좋아요

이러한 오류는 Discourse 자체에는 영향을 미치지 않습니다. 클라이언트 측에서 발생하며, 불안정한 연결, 광고 차단기 또는 기타 브라우저 확장 프로그램의 간섭으로 인해 발생하는 경우가 많습니다. @david 님은 이러한 경고가 외부 요인에서 비롯되어 사실상 피할 수 없는 것이므로, 이를 억제하기 위한 PR을 방금 제출했습니다.

2개의 좋아요

안녕하세요,

사진처럼 미리보기 상자를 켜는 방법을 알려 주실 수 있을까요?