SyntaxHighlighter 를 이용해 태그를 이쁘게 출력하기

code 태그 이쁘게 출력하기

1. SyntaxHighlighter
2. https://github.com/syntaxhighlighter/syntaxhighlighter/releases
   syntaxhighlighter 다운로드 한후에 아래처럼 적어준다.

간격이 이쁘지 않으면, line-height: 1.7em !important; em 단위를 올려준다.

XRegExp.js , shCore.js 기본으로 호출하고,
필요한 타입의 용도를 스크립트나 태그나 적용한다.
예시 : <script type="syntaxhighlighter" class="brush: js;">
테마는 shCoreEmacs.css css 별로 찾아서 적용한다.

    <script type="text/javascript" src="./syntaxhighlighter/js/XRegExp.js"></script>
    <script type="text/javascript" src="./syntaxhighlighter/js/shCore.js"></script>
    <script type="text/javascript" src="./syntaxhighlighter/js/shBrushJScript.js"></script>
    <script type="text/javascript" src="./syntaxhighlighter/js/shBrushSass.js"></script>
    <script type="text/javascript" src="./syntaxhighlighter/js/shBrushCss.js"></script>
    <script type="text/javascript" src="./syntaxhighlighter/js/shBrushXml.js"></script>


    <link type="text/css" rel="stylesheet" href="./syntaxhighlighter/css/shCore.css"/>    
    <link type="text/css" rel="Stylesheet" href="./syntaxhighlighter/css/shCoreEmacs.css" />
    <script type="text/javascript">SyntaxHighlighter.all();</script>