2015년 10월 5일 월요일

코드 꾸미기 툴 SyntaxHighlighter.js 에서 highlight.js 로 갈아 탐


템플릿> Html편집에 들어가서 아래 코드를 바로 위에 붙여 넣는다.

설치 및 사용법 https://highlightjs.org/


 
<!-- highlight.. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/styles/default.min.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/highlight.min.js"></script>
<script>
/* 아래 스크립트는 사용할때 주석을 해제해주세요.
  $(document).ready(function() {
   $('code:not(.noxml)').each(function(i, block) {
    $(this).text($(this).html());
   });

   var options = {
    tabReplace: '  ',
    useBR: false
   };
   hljs.configure(options);

   $('code').each(function(i, block) {
    hljs.highlightBlock(block);
   });
  });
*/
</script>
<!-- /highlight.. -->



!사용법

<pre><code>

... xml내용...

</code></pre>


만약 html이나 xml의 &lt; 등을 수동으로 하려면... class에 noxml을 넣으면 되요.

<pre><code class="noxml">

... xml내용...

</code></pre>


댓글 없음: