코드 블록 크기 조절?

게시물의 코드 블록을 리사이즈할 수 있는 기능이나 테마를 찾고 있습니다.

왜냐하면? 우리는 로그를 확인하는 데 많은 시간을 보내며, 환경에 따라 각 로그 줄마다 많은 “프롤로그”(preamble)가 포함될 수 있습니다. 예를 들어 다음과 같습니다:

7개의 좋아요

아마도 ‘표 확장’ 기능을 재사용해서 코드 블록에도 적용할 수 있을 것 같습니다…

3개의 좋아요

음, 가로 리사이즈는 아직 해결하지 못했지만, CSS를 사용해 세로 리사이즈는 추가할 수 있었습니다:

// Scrollable code blocks
.hljs {
    resize: vertical;
    height: 515px;
    max-height: unset;
}

수정: 음… 괜찮아요. 코드가 짧을 때 위 설정이 div 높이를 너무 크게 만든다는 걸 방금 깨달았습니다. :frowning:

2개의 좋아요

아주 단순한 제안일 수도 있지만, white-space: break-spaces;를 사용해 줄바꿈을 적용하는 건 어떨까요?

1개의 좋아요

실제로 올해早些에 코드 블록을 전체 화면으로 표시하는 작업을 진행했습니다. 먼저 show_copy_button_on_codeblocks 설정이 활성화되어 있어야 합니다. 그런 다음, 가로 스크롤이 있는 코드 블록에는 복사 버튼과 전체 화면 버튼 두 개가 표시됩니다(복사 버튼은 항상 표시됩니다):

그 후 가로 스크롤 없이 모달이 표시됩니다:

6개의 좋아요

@Canapin 코드 블록이 줄바꿈되지 않기를 정말 원하지 않는 거군요. 실제로 제가 99%의 게시물을 포맷팅하는 이유도 줄바꿈되면 안 되는 내용을 코드 블록으로 감싸기 위해서입니다.

그리고 팁 감사합니다 @martin. 그 사이에 이 방법을 시도해 볼 수도 있지만, 인라인 리사이즈 기능이 도입되기를 여전히 기대하고 있습니다… :crossed_fingers: :innocent:

2개의 좋아요

show_copy_button_on_codeblocks를 켰고, 이건 좋은 중간 단계입니다. :innocent:
참고로, 버튼이 표시되려면 실제로 코드 블록 위에 마우스를 올려야 합니다. 처음에는 작동하지 않는 줄 알았거든요.

인라인 리사이즈 가능한 코드 블록에 관한 이야기인데, Data Explorer SQL 편집기가 완전히 리사이즈 가능하다는 점을 짚어둘 가치가 있습니다. (페이지가 다르게 만들어져 있다는 건 알지만요…)

1개의 좋아요

show_copy_button_on_codeblocks를 활성화해도 복사 옵션(또는 확장)이 표시되지 않습니다. 제가 놓치고 있는 것이 있을까요?

1개의 좋아요

확장 버튼은 코드 블록이 가로로 스크롤될 때만 표시됩니다. 복사 버튼이 표시되지 않는 이유는 정확히 알 수 없는데, 코드 블록에 마우스를 올리기 전까지는 숨겨져 있으니 그 때문일까요?

오래 전부터 조용히 있었지만, 여전히 인라인으로 코드 블록을 확장할 수 있기를 바랍니다.

지금 바로 팝업에서 코드를 보고 있습니다. 그리고 답글/인용 기능이 사용할 수 없는 것 같습니다. :sadpanda: