기타

syntaxhighlighter 사용

디비노 2012. 8. 12. 21:37

일반적으로 <pre /> method 를 사용한다.

<pre class="brush: cpp">
/**
* SyntaxHighlighter
*/
function foo()
{
if (counter <= 10)
return;
// it works!
}
</pre> 


그러나 "<", ">" 문자를 &lt;, &gt; 로 변환해야 한다.

<script /> method로 사용하면 그럴필요가 없다.

<script type="syntaxhighlighter" class="brush: cpp"><![CDATA[
/**
* SyntaxHighlighter
*/
function foo()
{
if (counter <= 10)
return;
// it works!
}
]]></script>


하지만 script 방법은 티스토리 모바일환경에서 전혀 나오지 않고 script 안의 구문들은 검색대상에 포함되지도 않는 다는 단점이 있다.

그래서 이 방법은 사용하지 않고 다음과 같이 티스토리 서식을 만든다.

글쓸때 서식을 사용하고 "code" 라고 써 있는 부분에 원하는 코드를 붙여넣기(HTML 모드가 아니고 일반 모드에서 한다) 하면 특수문자도 자동으로 변환되어 잘 출력된다.