코드로 올리기

개발용 코드를 넣을때 참고할 코드를

HTML에 들어가서 아래와 같이 넣으면

 

<pre class="brush: html">

  <script type="text/javascript">
    alert("SyntaxHighlighter");
  </script>

</pre>

 

아래와 같이 나온다.

 

 <script type="text/javascript"> alert("SyntaxHighlighter"); </script> 

 

본 기능은 SyntaxHighlighter 라는 code syntax highlighter를 이용한 곳으로 아래 출처를 참고하여 적용하였다.

출처: http://sometimes-n.tistory.com/5 [종종 올리는 블로그]

 

적용은 위 사이트를 참고하였고 추가사항이 있어 작성한다.
알겠지만, 내가 사용하고 예시로 사용할 언어는 하나가 아니다.현재 가장 활발히 사용하는 javascript에서부터, 나의 베이스라고도 할 수 있는 C, 그리고 백엔드에 활용하는 Java를 포함하여앞으로도 무수히 다양한 사용언어가 늘어날 전망이다.
그에 따라 해당 코드들마다의 코드 하이라이트도 다르게 주어지게 되는데, 해당 영역은 위의 코드 brush라는 key로 전달되는 파라미터에서 조율을 할 수 있다.관련 링크는 이쪽이며 혹시 해당 페이지가 404로 변할까 싶어서 아래에 담아온다.

SyntaxHighlighter uses separate syntax files called brushes to define its highlighting functionality.

 

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