다이어그램 높이를 어떻게 재정의합니까?

제품 지원
1

와. 너무 좋아!

처음 사용해 보았는데, ASCII 텍스트를 편집하려고 하면 svgbob의 높이 설정이 내가 처음 설정한 값으로 다시 덮어쓰이는 것을 발견했습니다. 제 경우에는 height=21로 설정했는데, 훨씬 더 크게 만들고 싶은데 뭔가 그 값을 계속 덮어써서 21로 되돌아갑니다. 매우 자바스크립트적인 느낌이에요. 저만 이런 현상을 겪는 건가요, 아니면 다른 분들도 이런 문제를 본 적이 있나요? 저는 호스팅된 Discourse 인스턴스를 사용 중이므로 Discourse 버전은 최신 상태입니다.

2

네, 높이는 자동으로 계산되죠. 덮어쓰기를 하고 싶을 때 다소 번거로울 수 있다는 점은 충분히 이해합니다. 다이어그램의 ASCII 코드를 붙여넣어 주시겠어요? 높이가 21로 잘려 있나요?

3

몇 번의 반복 작업에서는 21에서 잘림(cropping)이 발생했습니다. 현재는 그렇지 않지만, 전체 높이보다 약간 짧게 잘려 있고 SVG 오른쪽에 스크롤바가 표시됩니다.

코드는 다음과 같습니다. svgbob 예제에서 복사한 후 상단에 제 코드를 약간 추가했습니다.

o-> Simple Things

+------+      +-------+
| user | o--> | notes |
+------+      +-------+


 o-> Mindmaps

                                            .-->  Alpha
                                           /
                                          .---->  Initial Release
          Planning *-------.             /         \
                            \           /           '---> Patch 1
      Initial research       \         /             \
                *             \       /               '-->  Patch 2
                 \             \     /---------> Beta
                  \             \   /
                   \             o o                      _______
                    \          .---. *--.___             /       \
                     '------> (     )       '------O->  . Release .
                               `---' o                   \_______/
                               o  o o \
                              /    \ \ \
                          .--'      \ \ \
                         /           \ \ '----+->  Push backs
                        /             \ \      \
                       /|              \ \      '----> Setbacks
                      / |               \ \
                     V /|                \ '-----> Reception
                Team  / |                 \
                     v /|                  \
             Worklaod / .                   '-->> Career change
                     V /
                 PTO  /
                     V
                 Bug
4

오, 코드 블록에 최대 높이 500px 제한이 있는 것 같습니다(위 예시와 마찬가지로요). svgbob이 이 제한을 상속받고 있습니다.

이 제한을 제거하는 데 큰 문제가 없을 것 같습니다. 그 동안에는 사이트에 이 제한을 오버라이드하는 테마 컴포넌트를 쉽게 추가할 수 있습니다.

예를 들어 다음과 같이요.

.cooked {
  pre[data-code-wrap="svgbob"] {
    max-height: 10000px;
   }
}
5

좋은 정보네요. 어떻게 사용되는지 지켜보고 있겠습니다. 초기 피드백은 부정적이네요 :roll_eyes: