기존의 <pre>를 사용할 경우 별 모같은 일들이 일어났다.
예를 들면 </>와 같은 것을 인식해서 소스가 깨져버렸다.
이를 해결하기 위해 이곳저곳 찾던 중 textarea라는 것을 찾아서 블로그에 올린다.
pre는 여러가지 범용 소스를 붙여넣다보면 사용하기 불편하다. 이런경우
textarea 태그를 사용하면 되는데, textarea 태그를 이용하여 syntax highlighter 를 적용시키려면
예를 들면 </>와 같은 것을 인식해서 소스가 깨져버렸다.
이를 해결하기 위해 이곳저곳 찾던 중 textarea라는 것을 찾아서 블로그에 올린다.
pre는 여러가지 범용 소스를 붙여넣다보면 사용하기 불편하다. 이런경우
textarea 태그를 사용하면 되는데, textarea 태그를 이용하여 syntax highlighter 를 적용시키려면
관리자 메뉴 -> 스킨 -> HTML/CSS 편집에서 skin.html의 <body> 태크에 OnLoad값을 아래와 같이 넣어야 한다.
<body Onload="dp.SyntaxHighlighter.HighlightAll('code');">
소스를 넣을 때는
와 같은 형식으로 한다.
<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 |
