[재질문] 마크다운 질문 드립니다.
안녕하세요.
말씀 주신 사이트를 참고하여 아래와 같이 적용을 하였지만 ㅜ.ㅜ;;;
적용 되지 않아 댓글 드립니다.
highlight.pack.js 파일은 pybo/static/highlight.pack.js 으로 두고
pybo/templates/base.html 파일에
<script src="{{ url_for('static', filename='highlight.pack.js') }}"></script>
<script>hljs.initHighlightingOnLoad();</script>
와 같이 하고
question_detail.html 파일에
<div>
<pre><code>
{{ question.content|markdown }}
</code></pre>
</div>
이렇게 했습니다 ㅜ.ㅜ;; 되지 않네요 ㅜ.ㅜ;;
도움 부탁드립니다.
ggaammee 님 636
M 2020년 7월 22일 2:33 오후
1개의 답변이 있습니다. 1 / 1 Page
다음 URL을 보시면..
https://highlightjs.org/usage/
다음처럼 css 도 필요합니다.
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
그리고 question_detail.html 파일에는 <pre><code> 태그를 추가하실 필요가 없습니다. 마크다운이 코드블락을 자동으로 변환시켜주기 때문입니다. 아마 그 위치에 <pre><code> 태그를 추가하면 본문이 다 이상하게 보일 것 같습니다.
그리고 저같은 경우에는 highlightjs의 소스들을 다운로드 받지 않고 다음처럼 CDN url들을 그대로 사용했습니다.
<link rel="stylesheet"
href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>
박응용 님
M 2020년 7월 23일 9:20 오전