저는 디스코urs 그룹에서 호스팅을 맡고 있으며, 제인 키즈 커뮤니티를 위한 테스트를 진행 중입니다. 한 참가자가 시에 포맷팅을 허용하는 방법에 대해 질문했습니다. 포맷팅 관련 FAQ에는 HTML과 기타 코딩 옵션이 설명되어 있지만, 사용자에게는 간단하지 않습니다.
간단한 해결책이 있다면 알려주시기 바랍니다.
감사합니다, 데이비드
hi @pinetree1111 
환영합니다
이게 “쉬운” 건지 아닌지는 모르겠지만, 제가 가끔 포스트에서 이걸 써서 익숙하거든요 ㅋㅋ.
빈 공간을 만들려면 (줄바꿈 없는 공백)를 사용할 수 있어요:
이렇게요
hello world
앞에 공백이 하나 있는 줄
앞에 공백이 두 개인 줄
앞에 공백이 세 개인 줄
코드:
hello world
앞에 공백이 하나 있는 줄
앞에 공백이 두 개인 줄
앞에 공백이 세 개인 줄
사이에 공백을 넣을 수도 있어요
hello world
앞에 공백이 두 개인 줄
앞에 공백이 네 개인 줄
앞에 공백이 여섯 개인 줄
hello world
앞에 공백이 두 개인 줄
앞에 공백이 네 개인 줄
앞에 공백이 여섯 개인 줄
도구줄에 그런 기능이 있으면 좋겠어요. 마크다운을 안 쓰는 분들에게 특히 그렇죠?
확신은 없지만 이 컴포넌트로 커스텀 버튼을 추가할 수 있는 것 같아요. 어쨌든 프로그래밍에 대한 기본적인 지식이 있다면 테마 컴포넌트를 만드는 건 그렇게 어렵지 않아요. 저에게는 쓸모가 없지만, 원하시는 분께는 도움을 드릴 수 있을 것 같아요. WYSIWYG 에디터에 대해서는 잘 모르겠어요. 제가 아예 안 쓰거든요.
백틱(``` + txt)을 사용해도 되는데, 이렇게 하면 포맷이 유지되지만 스타일을 마음에 들어하지 않을 수도 있습니다
또는 리치 텍스트 에디터에서:
다음과 같이 변환됩니다:
hello world
this is a line with a leading space
this is a line with 2 leading spaces
this is a line with 3 leading spaces
TC에 접근 권한이 있다면, 이를 완화하기 위해 작은 CSS를 추가할 수 있습니다:
code.lang-txt, pre code.lang-txt {
font-family: cursive;
font-size: inherit;
background: transparent;
color: inherit;
}
pre:has(code.lang-txt) {
background: transparent;
border: none;
padding: 0;
}
예를 들어, 다음과 같이 보입니다:
가장 간단한 해결책 2가지는 다음과 같습니다:
-
“정형화된 텍스트(Preformatted text)” 사용:
공백을 포함하여 텍스트를 입력한 뒤, 해당 텍스트를 선택하고
버튼을 눌러 텍스트를 서식 지정하면 됩니다.
또는 줄을 선택한 후 CTRL+E를 누를 수도 있습니다.
이는 위에서 제안한 백틱(backticks) 솔루션과 정확히 동일합니다. -
<pre>HTML 태그 사용 (HTML을 피하는 솔루션에 대해 질문하신 것을 알고 있지만, 이 방법은 매우 간단합니다):
다음과 같이 HTML 태그로 텍스트를 감싸면 됩니다:<pre> Text with leading spaces. </pre>출력 결과는 다음과 같습니다:
Text with leading spaces.
댓글 남겨주셔서 정말 감사합니다. 오래 전부터 사용하지 않다가 잊고 있었던 프로그래밍 경험(그리고   태그)이 좀 있습니다. 내일 이걸로 직접 해볼 수 있을지 한번 확인해 보겠습니다. 만약 이 포럼을 영구적으로 사용하기로 결정하면, 기술 팀이 포럼을 새 웹사이트에 통합해 줄 예정이라, 일반 사용자를 위한 버튼을 만들 수 있지 않을까 싶습니다.
이 게시글(그리고 해당 주제)도 유용할 수 있습니다.
그 주제에서는 텍스트 서식을 위해 제가 어느 날 빠르게 만든 단순한 작성자 도구 모음 버튼 추가에 대한 링크도 있습니다.