티스토리 코드올리기 2탄

Posted 2011.11.01 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>
와 같은 형식으로 한다.  

신고

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

Visual Studio에 테마 적용하기  (0) 2012.01.05
티스토리에 latex 수식넣기  (1) 2011.12.20
티스토리 코드올리기 2탄  (0) 2011.11.01
아이콘, 그림 찾기  (0) 2011.10.24
구글 URL 줄이기  (0) 2011.10.17
크롬에서 유튜브를 자유롭게 다운받자.  (2) 2011.10.16
« PREV : 1 : ··· : 394 : 395 : 396 : 397 : 398 : 399 : 400 : 401 : 402 : ··· : 581 : NEXT »