각종 옵션들



  1. <pre class="brush:html"> <!-- HTML 소스표시 -->
  2. <pre class="brush:css"> <!-- CSS 소스표시 -->
  3. <pre class="brush:js"> <!-- JavaScript 소스표시 -->
  4. <pre class="brush:html highlight:[2,4]"> <!-- 특정 행 강조 -->
  5. <pre class="brush:js html-script:true"> <!-- 다른 언어와 HTML -->
  6. <pre class="brush:html first-line:25"> <!-- 시작 행 번호 변경 -->
  7. <pre class="brush:html toolbar:false"> <!-- 도구모음 숨기기 -->
  8. <pre class="brush:html auto-links:false"> <!-- 오토 링크 해제 -->
  9. <pre class="brush:html" title="Blomari Note"> <!-- 제목 표시 -->


테마 변경



  1. <link rel="stylesheet" type="text/css" href="./images/shCoreDefault.css" />

테마 레퍼런스 사이트


shCore 와 shTeme의 차이점

shCore가 주변 테두리 없이 변경되어서 좋음.



언어 종류



  1. SyntaxHighlighter.autoloader(
  2. 'applescript ./images/shBrushAppleScript.js',
  3. 'actionscript3 as3 ./images/shBrushAS3.js',
  4. 'bash shell ./images/shBrushBash.js',
  5. 'coldfusion cf ./images/shBrushColdFusion.js',
  6. 'cpp c ./images/shBrushCpp.js',
  7. 'c# c-sharp csharp ./images/shBrushCSharp.js',
  8. 'css ./images/shBrushCss.js',
  9. 'delphi pascal ./images/shBrushDelphi.js',
  10. 'diff patch pas ./images/shBrushDiff.js',
  11. 'erl erlang ./images/shBrushErlang.js',
  12. 'groovy ./images/shBrushGroovy.js',
  13. 'java ./images/shBrushJava.js',
  14. 'jfx javafx ./images/shBrushJavaFX.js',
  15. 'js jscript javascript ./images/shBrushJScript.js',
  16. 'perl pl ./images/shBrushPerl.js',
  17. 'php ./images/shBrushPhp.js',
  18. 'text plain ./images/shBrushPlain.js',
  19. 'py python ./images/shBrushPython.js',
  20. 'ruby rails ror rb ./images/shBrushRuby.js',
  21. 'sass scss ./images/shBrushSass.js',
  22. 'scala ./images/shBrushScala.js',
  23. 'sql ./images/shBrushSql.js',
  24. 'vb vbnet ./images/shBrushVb.js',
  25. 'xml xhtml xslt html ./images/shBrushXml.js'
  26. );


사용방법


<pre class="brush: 언어이름;">

/* 코드 */

</pre>



<script type="syntaxhighlighter" class ="brush: 언어이름">

/* */

</script>




참고 사이트


http://alexgorbatchev.com/SyntaxHighlighter/manual/demo/

http://blomari.tistory.com/54



'일상 > 정보 수집' 카테고리의 다른 글

markdown 사용법  (0) 2016.03.25
[Highlight.js] Tistory 소스코드 하이라이트  (0) 2015.09.30
원격  (0) 2013.11.20
소스코드 하이라이트  (0) 2013.06.04
원격 데스크탑 설정 가이드 라인  (0) 2013.01.11

+ Recent posts