소스코드 구문 강조 syntaxhighlighter

구글 프로젝트 중 소스코드 구문 강조(코드 하이라이터) 기능을 구현하는 syntaxhighlighter를 제공합니다. 단점이 한가지 있다면, 상단에 자바스크립트 파일을 불러오는데 한번씩 시간이 오래 걸린다는 것입니다. 더 좋은 방법이 있는지는 모르겠지만, 크게 불편함은 없는 것 같아서 그냥 사용 중 입니다. (블로거, 블로그, 개인홈페이지 등 어디서나 사용할 수 있습니다.)

사용방법

<link rel="stylesheet" href="Styles/syntaxhighlighter.css"> <script src="Scripts/shCore.js"></script> <script src="Scripts/shBrushCSharp.js"></script> <script src="Scripts/shBrushCss.js"></script> <script src="Scripts/shBrushJava.js"></script> <script src="Scripts/shBrushJScript.js"></script> <script src="Scripts/shBrushPhp.js"></script> <script src="Scripts/shBrushSql.js"></script> <script src="Scripts/shBrushXml.js"></script> <textarea name="code" class="css"> //소스코드 </textarea> <script> dp.SyntaxHighlighter.BloggerMode(); dp.SyntaxHighlighter.HighlightAll('code'); </script>
지원언어 (http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/, head에 넣은 스크립트와 비교해 보면 되겠다. Brush aliases로 class명을 참고..)

Brush name	Brush aliases	File name
ActionScript3	as3, actionscript3	shBrushAS3.js
Bash/shell	bash, shell	shBrushBash.js
ColdFusion	cf, coldfusion	shBrushColdFusion.js
C#	c-sharp, csharp	shBrushCSharp.js
C++	cpp, c	shBrushCpp.js
CSS	css	shBrushCss.js
Delphi	delphi, pas, pascal	shBrushDelphi.js
Diff	diff, patch	shBrushDiff.js
Erlang	erl, erlang	shBrushErlang.js
Groovy	groovy	shBrushGroovy.js
JavaScript	js, jscript, javascript	shBrushJScript.js
Java	java	shBrushJava.js
JavaFX	jfx, javafx	shBrushJavaFX.js
Perl	perl, pl	shBrushPerl.js
PHP	php	shBrushPhp.js
Plain Text	plain, text	shBrushPlain.js
PowerShell	ps, powershell	shBrushPowerShell.js
Python	py, python	shBrushPython.js
Ruby	rails, ror, ruby	shBrushRuby.js
Scala	scala	shBrushScala.js
SQL	sql	shBrushSql.js
Visual Basic	vb, vbnet	shBrushVb.js
XML	xml, xhtml, xslt, html, xhtml	shBrushXml.js

SyntaxHighlighter 3.0.83 다운로드
(3.0.83 버전의 자세한 내용은 index,html파일을 통해 볼 수 있습니다.)

SyntaxHighlighter 홈페이지 바로가기


구문강조 테스트해 볼 수 있는 사이트 http://daver.kr/tools/geshi/