인라인 코드에서 연속된 공백이 줄어듭니다

기여 UX
1

인라인 코드 내의 연속된 공백은 압축됩니다. 다음은 예시입니다.

Markdown:

 - `o     o` no connection
 - `o --> o` unidirectional connection
 - `o <-> o` bidirectional connection

렌더링 결과:

  • o o no connection
  • o --> o unidirectional connection
  • o <-> o bidirectional connection

렌더링 결과 스크린샷:

image
image582×156 5.7 KB

이것이 의도된 것인지 버그인지 저로서는 명확하지 않습니다. 하지만 의도된 것이라면 그 의도를 잘 모르겠습니다. 위에서 볼 수 있듯이, 이는 오히려 역효과를 낼 수 있습니다. 추가 공백을 원하지 않는다면 수동으로 삭제하는 것이 쉽습니다. 코드 블록(인라인이든 별도 블록이든)의 목적은 고정 폭 글꼴로 원문을 그대로 포함하는 것입니다.

5개의 좋아요
2

Szabolcs님, 안녕하세요!

리포트 감사합니다. 해당 문제를 이해하고 있으며, 이는 엄밀히 말해 Discourse의 버그가 아닙니다. Discourse는 markdown-it를 사용하며, 이는 해당 라이브러리의 표준 동작 방식입니다.

공식 데모에서도 동일한 동작을 확인할 수 있습니다: https://markdown-it.github.io.

백틱 사이의 공백이 줄바꿈되지 않도록(축약되지 않도록) 하려면, 다음 CSS를 포럼에 추가할 수 있습니다:

code {
    white-space: pre-wrap;
}
3개의 좋아요
4

이것은 CommonMark에 부합하지 않는 것 같습니다. 반드시 그럴 필요는 없지만, 일치하도록 변경해 달라고 설득해 볼 수 있지 않을까요?

용도에 따라 오히려 더 나빠질 수 있습니다. 복사/붙여넣기 시 혼란을 유발할 수 있기 때문입니다.

3개의 좋아요
5

맞아요, 그 부분은 생각하지 못했네요. 이 다소 까다로운 조언을 삭제했습니다 :+1:

1개의 좋아요
6

이런 것에 대해 잘 모르지만, 말씀하신 부분이 이것인가요?

브라우저는 일반적으로 <code> 요소를 렌더링할 때 연속된 공백을 줄여 표시하므로, 다음 CSS를 사용하는 것이 권장됩니다:

code{white-space: pre-wrap;}
7

참고로, Non-Breaking Space는 줄바꿈되지 않는 것 같습니다(o o), 따라서 반드시 기이한 공백을 사용해야 한다면 이것이 아마도 가장 좋은 선택일 것입니다.

수정: 슬픈 소식은 아래를 참조하세요!

8

그 바로 위 줄인 “Interior spaces are not collapsed”입니다.

1개의 좋아요
9

비정규 공백은 작성기 미리보기에서는 접히지 않은 상태로 표시될 수 있지만, 게시글이 처리되면 접힙니다.

1개의 좋아요
10

아, 정말 안 좋군.

11

좋은 팁 감사합니다!

discourse.group에서 호스팅되는 사이트에서 사용자 정의 CSS 설정이 가능한지 혹시 알고 계신가요? 해당 설정을 바로 찾을 수 없었습니다.

12

Discourse pricing | Discourse - Civilized Discussion 페이지에 따르면, Custom themes and components는 Standard 플랜부터 활성화됩니다.

13

감사합니다. 마침내 해당 설정을 찾았고 완벽하게 작동합니다 :slight_smile:

우리는 오픈소스 프로젝트에 제공되는 무료 호스팅을 사용하고 있습니다. https://free.discourse.group/

3개의 좋아요
14

이 이슈를 #contribute:ux로 이동합니다. 현재 동작은 의도된 것입니다. 디자인 팀이 UI에서 공백을 줄이는 방향으로 의도적으로 결정했으며, 마크다운 자체는 올바르게 작성되어 있습니다.

1개의 좋아요