ETC/Tips

티스토리 코드올리기 2탄

해리s 2011. 11. 1. 18:20
기존의 <pre>를 사용할 경우 별 모같은 일들이 일어났다. 
예를 들면 </>와 같은 것을 인식해서 소스가 깨져버렸다.
이를 해결하기 위해 이곳저곳 찾던 중 textarea라는 것을 찾아서 블로그에 올린다. 

pre는 여러가지 범용 소스를 붙여넣다보면 사용하기 불편하다. 이런경우 
textarea 태그를 사용하면 되는데, textarea 태그를 이용하여 syntax highlighter 를 적용시키려면 

관리자 메뉴 -> 스킨 -> HTML/CSS 편집에서 skin.html의 <body> 태크에 OnLoad값을 아래와 같이 넣어야 한다.
<body Onload="dp.SyntaxHighlighter.HighlightAll('code');">

소스를 넣을 때는 
<textarea name="code" class="cpp">
 
#include <iostream>
 
using namespace std;
 
int main()
{
    return 0;
}
 
</textarea>
와 같은 형식으로 한다.