프로그래밍/자바스크립트
javascript 하이라이트 라이브러리 highlight.js
재우니
2018. 1. 23. 16:53
<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/ 입니다.