SyntaxHighlighter autoloader 사용하기

http://alexgorbatchev.com/SyntaxHighlighter/manual/api/autoloader.html

http://hg.io/alexg/syntaxhighlighter/src/86b40f49a471/autoloader_test.html

위의 두 곳에서 확인하면 방법이 그대로 적혀 있지만

제가 공부하기 위해서라도 다시 한번 써봅니다.

<script src="shCore.js" type="text/javascript"></script> <script src="shAutoloader.js" type="text/javascript"></script>

일단 제일 중요한 요소 두개를 불러옵니다. ( 최소 조건 )

<script type="text/javascript"> SyntaxHighlighter.autoloader ( ); SyntaxHighlighter.all(); </script>

저기다가 이제 불러올 brush.js 종류별로 불러옵니다.

원래 이렇게 하나하나씩 불러오면 로딩속도가 길어집니다.  

<script type="syntaxhighlighter" class="brush: applescript"><![CDATA[applescript]]></script> <script type="syntaxhighlighter" class="brush: actionscript3"><![CDATA[actionscript3]]></script> <script type="syntaxhighlighter" class="brush: bash"><![CDATA[bash]]></script> <script type="syntaxhighlighter" class="brush: coldfusion"><![CDATA[coldfusion]]></script> <script type="syntaxhighlighter" class="brush: cpp"><![CDATA[cpp]]></script> <script type="syntaxhighlighter" class="brush: c#"><![CDATA[c#]]></script> <script type="syntaxhighlighter" class="brush: css"><![CDATA[css]]></script> <script type="syntaxhighlighter" class="brush: delphi"><![CDATA[delphi]]></script> <script type="syntaxhighlighter" class="brush: diff"><![CDATA[diff]]></script> <script type="syntaxhighlighter" class="brush: erl"><![CDATA[erl]]></script> <script type="syntaxhighlighter" class="brush: groovy"><![CDATA[groovy]]></script> <script type="syntaxhighlighter" class="brush: java"><![CDATA[java]]></script> <script type="syntaxhighlighter" class="brush: jfx"><![CDATA[jfx]]></script> <script type="syntaxhighlighter" class="brush: js"><![CDATA[js]]></script> <script type="syntaxhighlighter" class="brush: perl"><![CDATA[perl]]></script> <script type="syntaxhighlighter" class="brush: php"><![CDATA[php]]></script> <script type="syntaxhighlighter" class="brush: text"><![CDATA[text]]></script> <script type="syntaxhighlighter" class="brush: py"><![CDATA[py]]></script> <script type="syntaxhighlighter" class="brush: ruby"><![CDATA[ruby]]></script> <script type="syntaxhighlighter" class="brush: scala"><![CDATA[scala]]></script> <script type="syntaxhighlighter" class="brush: sql"><![CDATA[sql]]></script> <script type="syntaxhighlighter" class="brush: vb"><![CDATA[vb]]></script> <script type="syntaxhighlighter" class="brush: xml"><![CDATA[xml]]></script>

필요할 때마다 불러오는 방식을 택한 것이

autoloader

SyntaxHighlighter.autoloader( 'applescript scripts/shBrushAppleScript.js', 'actionscript3 as3 scripts/shBrushAS3.js', 'bash shell scripts/shBrushBash.js', 'coldfusion cf scripts/shBrushColdFusion.js', 'cpp c scripts/shBrushCpp.js', 'c# c-sharp csharp scripts/shBrushCSharp.js', 'css scripts/shBrushCss.js', 'delphi pascal scripts/shBrushDelphi.js', 'diff patch pas scripts/shBrushDiff.js', 'erl erlang scripts/shBrushErlang.js', 'groovy scripts/shBrushGroovy.js', 'java scripts/shBrushJava.js', 'jfx javafx scripts/shBrushJavaFX.js', 'js jscript javascript scripts/shBrushJScript.js', 'perl pl scripts/shBrushPerl.js', 'php scripts/shBrushPhp.js', 'text plain scripts/shBrushPlain.js', 'py python scripts/shBrushPython.js', 'ruby rails ror rb scripts/shBrushRuby.js', 'scala scripts/shBrushScala.js', 'sql scripts/shBrushSql.js', 'vb vbnet scripts/shBrushVb.js', 'xml xhtml xslt html scripts/shBrushXml.js' ); SyntaxHighlighter.all(); </script>

뭐 이런식으로 쓰면 된답디다.....