제 블로그는 http://code.google.com/p/syntaxhighlighter/ 에서 제공하는 Syntax Highlighter를 사용하고 있습니다. 페이지 로딩 속도가 조금 느리다는 단점이 있지만 코드를 예쁘게 보여줄 수 있다는 장점때문에 사용하고 있는데요, 한가지 아쉬운 점은 스프링노트에서 보낸 코드가 적용이 안된다는 점입니다.

 이참에 한번 적용해보고 싶어서 자바 스크립트 책을 한권 옆에 끼고, 차근 차근 분석을 시작했는데 쉽지 않더군요. 일단 스프링노트에서 보낸 코드를 티스토리로 보내서 소스보기를 하니 아래와 같이 코드가 나왔습니다.

<OL class=code>
<LI>&lt;textarea name="code" class="cpp" cols="60" rows="10"&gt;<br />... some code here ...<br />&lt;/textarea&gt;<br /></LI></OL>


일단 < 기호와 > 기호가 인코딩 되어있고 OL 태그로 둘러싸져있더군요. 갑자기 든 생각이 자바스크립트를 이용해서 위 태그를 Syntax Highlighter에서 인식할 수 있는 <textarea> 태그로 바꿔주면 간단히 해결할 수 있을 듯 싶어서 살짝 바꿔봤더니 뒤에 <br/>가 그대로 출력되더군요. ㅜ_ㅜ..

 결국 하려면 인코딩된 태그를 다 살려주고 <br/> 같은 것은 개행문자로 바꿔주고 등등의 일을 해야할 듯한데... 자바 스크립트는 오늘부터 본지라 중도 포기... ㅜ_ㅜ...

 스프링노트에 플러그인이 나올때까지 기다리던가 해야겠군요. ㅜ_ㅜ... 흑흑... 역시 프로그래밍은 쉽지 않은 것 같습니다.

+ Recent posts