SyntaxHighlighter_설정과 사용법

SyntaxHighlighter 관련 주소

SyntaxHighlighter_Down : http://alexgorbatchev.com/SyntaxHighlighter/download/

SyntaxHighlighter_테마 정보 : http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

SyntaxHighlighter_브러시 종류 : http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

SyntaxHighlighter_설치와 설정방법 : http://jb-story.tistory.com/13

SyntaxHighlighter_상세설정 : http://chongmoa.com/webtool/3007

SyntaxHighlighter_참조 : http://the1900.tistory.com/70

 

 

티스토리에서 'SyntaxHighlighter' 설정

My > 관리 > 꾸미기 > HTML/CSS편집 --> HTML_</head> 위에 적는다.

 

<!-- Syntax Highlighting --> <link rel="stylesheet" type="text/css" href="./images/shCoreRDark.css" /><!-- 테마 --> <script src="./images/shCore.js"></script><!-- 기본 Css --> <script src="./images/shBrushCss.js"></script><!-- CSS --> <script src="./images/shBrushXml.js"></script><!-- xml, html --> <script src="./images/shBrushCpp.js"></script> <script src="./images/shBrushCSharp.js"></script> <script src="./images/shBrushJava.js"></script> <script src="./images/shBrushPython.js"></script> <script src="./images/shBrushSass.js"></script> <script src="./images/shBrushBash.js"></script> <script src="./images/shBrushJScript.js"></script> <script type="text/javascript" src="./images/shAutoloader.js"></script> <script> SyntaxHighlighter.defaults['toolbar'] = false; //toolbar (기본값 True) SyntaxHighlighter.defaults['smart-tabs'] = true; //탭 사이즈를 자동조절한다. SyntaxHighlighter.config.tagName = 'textarea'; //textarea 태그를 pre처럼 인식하게 한다. SyntaxHighlighter.config.bloggerMode = true; //SyntaxHighlighter.defaults['gutter'] = true; // 라인 번호 설정 (기본값 True) //SyntaxHighlighter.defaults['tab-size'] = 2; // 탭 사이즈 설정 (기본값 4) //SyntaxHighlighter.defaults['first-line'] = 1; // 라인 시작 숫자 (기본값 1) //SyntaxHighlighter.defaults['auto-links'] = false; // 링크 설정 (기본값 true) SyntaxHighlighter.all(); </script> </head>

 

 

티스토리에서 'SyntaxHighlighter' 사용방법

'글쓰기'에서 'HTML' 체크 후 아래와 같이 적는다.

 

<textarea name="code" class="brush:원하는 언어;" >

 소스코드를 적는다.

</textarea>

 

 

※ syntaxhighlighter_3.0.83

syntaxhighlighter_3.0.83.zip

※ SyntaxHighlighter _ 지금(20160102) 사용하고 있는 환경설정 화일.
shCoreDefault_sf.css