프로그래밍/자바스크립트

javascript 하이라이트 라이브러리 highlight.js

재우니 2018. 1. 23. 16:53


https://highlightjs.org/







<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>


만약 언어가 c# 이면 html 대신 cs 라고 기재하면 됩니다.


<pre><code class="html">...</code></pre>


jQuery 로 pre code 태그를 찾아 하이라이트 지정을 해 주는 방법입니다.


$(document).ready(function() {
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
});



자세한 가이드는 https://highlightjs.org/usage/ 입니다.