Atom의 markdown-pdf를 사용할 때 긴 코드 블록을 모두 표시하는 대처법

1720 단어 PDFATOM

tl;dr



Markdown에서 절차를 작성할 기회가 있었지만 markdown-pdf를 사용하여 PDF로 출력 할 때 코드 블록에 스크롤 막대가 들어 버려 명령 열을 확인할 수 없게되었습니다.
그래서 styles.less에 적당한 설정을 넣어 대응했습니다라는 이야기입니다.

사건



아무것도 설정을 더하지 않고 markdown-pdf로 PDF를 출력하면, 일정한 길이를 돌출했을 경우 아래와 같이 스크롤 바가 나온 상태의 PDF 파일이 출력되어 버립니다.



PDF이므로 물론 스크롤 바는 움직일 수 없습니다.
인쇄 전제로 만들고 있는 절차서도 있으므로, 이것이라면 사용물이 되지 않습니다.

대처 후



우선 스크롤 바는 표시하지 않고, 코드 블록의 내용을 모두 출력할 수 있게 되었습니다.



styles.less 설정



추기한 설정은 이하와 같다.

styles.less
.markdown-body pre,.markdown-body .highlight .markdown-body em{
  word-break: break-all;
  white-space: normal;
}

이것뿐입니다.

CSS 자체는 잘 모르지만 word-break 속성과 white-space 속성을 모두 지정하지 않으면 스크롤 막대가 사라지지 않습니다.
조사해도 word-break 프로퍼티와.
대처법을 조사하고 있을 때는 아마 차이를 이해한 후에 styles.less에 썼을 것입니다만, 지금이 되고는···.

우선, 이것으로 어떻게 되었던 것이었습니다.
만나서.

좋은 웹페이지 즐겨찾기