사이트 편집기에서 각주를 생성하면 미리보기에서는 이렇게 표시됩니다:
하지만 게시글에서는 이렇게 보입니다:
이것은 의도된 동작인가요? 설정할 수 있는 옵션인가요?
또한 [1]이나 1, ①과 같은 다양한 스타일의 번호 각주, 혹은 전통적인 *, †, ‡, §, ‖, ¶ 순서나 흔히 사용되는 * ** *** **** 같은 형식을 선택할 수 있는 기능도 있으면 좋겠습니다.
플러그인 OP에 따르면, … 는 인라인 확장(inline expansion)이며, 다음 설정으로 제어할 수 있습니다:
1개의 좋아요
아, 고마워. 바로 거기에 있었는데도 내가 완전히 놓치고 있었네.
하지만 내가 진짜 원하는 건 번호 매기기 동작은 유지하면서 인라인 확장을 하는 거야. 그리고 아래에 접을 수 있는 “각주” 섹션이 있으면 좋겠어.
3개의 좋아요
그것은 훌륭할 것입니다. 저는 … 생략 기호 버튼이 텍스트 흐름을 상당히 방해한다고 느끼며, 훨씬 위첨자(superscript) 방식을 선호합니다. 에디터 미리보기 패널에서 번호가 매겨진 각주는 하단에 나타나고, 두 라벨(인라인과 푸터의 각주)은 서로에 대한 하이퍼링크처럼 보입니다. 하지만 이것은 프로그램 코드 내의 label() 참조 때문일 수도 있습니다. “하단의 각주”(중복적으로 말해야 할 상황이지만, 이 함수에서 인라인 노트와 각주를 혼합했기 때문에 그렇지 않은)는 링크 앵커로 '↩︎’라는 “리턴” 문자를 사용합니다.
설정을 테스트할 수 있는 Discourse 설치 환경이 없지만, display_footnotes_inline을 끄면 표준 APA 각주가 생성되기를 바랍니다.
인라인 노트에도 그 자리가 있고, dscuss.python.org에서는 인라인과 각주 중 어느 것이 더 선호되는지에 대해 합의가 없습니다. 저는 두 방식 모두를 좋아하며, 인라인 노트도 함께 사용하길 원하지만, 인라인 노트는 여전히 아쉬운 점이 있습니다. 토론 중에 제가 정리한 목록은 다음과 같습니다:
-
장점: 편리함; 클릭하면 표시됨.
단점: 다시 클릭하여 숨길 수 없습니다. 클릭 전에 마우스를 이동해야 합니다(다행히 소프트웨어는 매우 가변적입니다).
각주: 메시지/게시물 에디터 미리보기 패널에서 렌더링된 각주는 노트로 빠르게 편리하게 이동하고 본문으로 돌아가는 데 사용될 수 있는 것처럼 보이는 하이퍼링크를 가지고 있습니다. 각주 자체도 하이퍼링크로 “리턴” 문자를 사용합니다. -
장점: 편리함; 노트를 제자리에서 읽고 계속 진행할 수 있음.
단점: 현재 구현 방식에서는 시각적으로 방해가 됨.
생략 기호 버튼 그래픽은 주변 텍스트와 명암 대비가 뚜렷하여 미적으로 좋지 않습니다(다행히 소프트웨어는 매우 가변적입니다–테마를 보시면 알 수 있습니다). 생략 기호는 훨씬 작아도 그 역할을 수행할 수 있습니다.
각주: 각주 위첨자는 섬세하며, 특히 다크 테마에서 낮은 명암 대비의 하이퍼링크 텍스트와 함께할 때 더욱 그렇습니다. -
장점: 짧은 보조 노트에 적합함.
단점: 긴 문단은 텍스트를 덮어쓰고 독자의 문단 내 방향 감각을 해칩니다. 시각적으로 충격적일 수 있습니다.
각주: 각주는 사실상 부록이므로, 독자가 본문을 읽는 “흐름”을 방해하지 않고 길게 작성할 수 있습니다.
각주: 모든 측면에 여백이 있는 깨끗하고 명확한 배경 위에 제시된 각주는, 메시지/게시물 본문 텍스트 위에 겹쳐진 팝업 노트보다 더 매끄럽고(소음이 적은) 제시 방식입니다.
1개의 좋아요
파티에 좀 늦게 도착했지만, 툴팁으로 주석을 표시하면서 생략호 대신 번호를 표시하려면 아래 CSS 스니펫을 사용할 수 있습니다:
.cooked.inline-footnotes {
counter-reset: foot-note;
}
.inline-footnotes a.expand-footnote {
text-decoration: none !important;
font-size: 0.77em;
vertical-align: super;
min-height: unset;
border: 1px solid var(--primary-medium);
padding: 0 0.4em;
vertical-align: super;
}
.inline-footnotes a.expand-footnote:before {
counter-increment: foot-note;
content: counter(foot-note);
}
.inline-footnotes a.expand-footnote svg {
display: none;
}
/* everything below is some extra customization */
#footnote-tooltip {
border: 1px solid var(--primary-medium);
}
#footnote-tooltip #arrow:before {
border-top: 1px solid var(--primary-medium);
border-left: 1px solid var(--primary-medium);
}
#footnote-tooltip[data-popper-placement^=bottom]>#arrow {
top: -6px !important;
}
결과가 이렇게 보입니다:
8개의 좋아요
와 진짜 멋지다 @iamntz, 이거 꼭 써볼 거야 
2개의 좋아요
훌륭한 작업이네요. 제 포럼에 배포했는데 정말 잘 작동합니다!
2개의 좋아요