페이지

2012년 2월 2일 목요일

SyntaxHighlighter

블로그에 쓴 소스 컬러링
생각보단 불편하고 보기 힘들다.

출처: http://alexgorbatchev.com/SyntaxHighlighter/


<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
 
  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
 
    SyntaxHighlighter.config.bloggerMode = true;
    //SyntaxHighlighter.defaults["gutter"] = false;
    SyntaxHighlighter.defaults["toolbar"] = false;
    SyntaxHighlighter.all();
  </script>
 
<style type='text/css'>
.syntaxhighlighter { overflow-x: auto }
.gutter div { padding-right: 5px }
.code, .gutter { padding: 5px; font-size: 9pt; font-family: "monaco" "monospace" }
code, .text, .plain, .line { font-size: 9pt; font-family: "monaco" "monospace"; white-space: nowrap }
pre { background-color:#0F192A !important; padding: 5px }
</style>

댓글 없음:

댓글 쓰기