Atom의 markdown-pdf를 사용할 때 긴 코드 블록을 모두 표시하는 대처법
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에 썼을 것입니다만, 지금이 되고는···.
우선, 이것으로 어떻게 되었던 것이었습니다.
만나서.
Reference
이 문제에 관하여(Atom의 markdown-pdf를 사용할 때 긴 코드 블록을 모두 표시하는 대처법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ine1127/items/6ea5ef05fd069b040013
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
아무것도 설정을 더하지 않고 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에 썼을 것입니다만, 지금이 되고는···.
우선, 이것으로 어떻게 되었던 것이었습니다.
만나서.
Reference
이 문제에 관하여(Atom의 markdown-pdf를 사용할 때 긴 코드 블록을 모두 표시하는 대처법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ine1127/items/6ea5ef05fd069b040013
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
추기한 설정은 이하와 같다.
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에 썼을 것입니다만, 지금이 되고는···.
우선, 이것으로 어떻게 되었던 것이었습니다.
만나서.
Reference
이 문제에 관하여(Atom의 markdown-pdf를 사용할 때 긴 코드 블록을 모두 표시하는 대처법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ine1127/items/6ea5ef05fd069b040013텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)