highlightjs 파일 설치 다운으러가기
html 소스
//보여줄 html코드를 작성후 아래와같이 주석처리를 해줍니다.
<pre><code>
</pre></code>
//아래는 불러올 목록입니다 jquery와 highlightjs라이브러리 파일이죠.
<script src="/static/js/jquery.js"></script>
<link rel="stylesheet" href="/static/lib/highlight/styles/monokai.css">
<script src="/static/lib/highlight/highlight.pack.js"></script>
javascript 소스
//자바스크립트에서 위의 내용을 실행시켜줍니다.
var sourceCode=$('pre code').html();
sourceCode =sourceCode.replace('<!--', "");
sourceCode =sourceCode.replace('-->', "");
sourceCode =sourceCode.replace(/</g, "<");
$('pre code').html(sourceCode);
hljs.initHighlightingOnLoad();