본문 바로가기

ETC/Tips

티스토리 코드올리기 2탄

기존의 <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>
와 같은 형식으로 한다.  

'ETC > Tips' 카테고리의 다른 글

Visual Studio에 테마 적용하기  (0) 2012.01.05
티스토리에 latex 수식넣기  (1) 2011.12.20
아이콘, 그림 찾기  (0) 2011.10.24
구글 URL 줄이기  (0) 2011.10.17
크롬에서 유튜브를 자유롭게 다운받자.  (2) 2011.10.16