텍큐닷컴 용 Syntax Highlighter 2.0 버그 패치

텍큐닷컴에서는 Syntax Highlighter를 지원한다.
비록 업데이트도 늦고(이건 뭐 파일만 바꿔치면 되는 건데... 쩝...) 한계도 좀 있지만, 고무적인 것은 사실이다.

이 기능을 사용하려면 환결설정-글쓰기에서 아래와 같이 체크만 하면 된다.

근데 웬 Code Highlighter? 정식 명칭은 Syntax Highlighter란 말이다!


하지만, 이 기능은 버그가 하나 있는데, Copy to clipboard를 클릭한 뒤 붙이면 앞에  가 붙는 버그이다.

이 버그를 해결하려면 다음과 같이 하면 된다.


1. 관련 파일 설치

아래 파일을 다운받아 압축을 풀어 스킨 올리기를 통해 업로드한다.




2. 스킨 수정

스킨 제일 마지막 부분에 있는 </body> 앞에 아래와 같이 적는다.
이 때 추가적으로 사용하고 싶은 브러쉬(언어) 파일이 있으면 함께 적으면 된다.

<script type="text/javascript" src="http://(블로그 이미지 주소)/j_shCore.gif"></script>
<script type="text/javascript" src="http://(블로그 이미지 주소)/j_shBrushMsx.gif"></script>
</body>


이렇게 수정하면 아래와 같이 제대로 동작하는 모습을 볼 수 있다.


이렇게 동작하는 원리는 간단하다.
SH의 앞부분은 아래와 같다.

if (!window.SyntaxHighlighter) var SyntaxHighlighter = function() {


이 코드를 통해 SH는 여러번 정의되면 그 중 제일 앞에 있는 것만 사용되도록 되어있는데, 텍큐닷컴에서 제공하는 shCore.js보다 먼저 버그가 수정된 j_shCore.gif[각주:1]를 등록시키는 것이다.

  1. 확장자는 .gif이지만, 실제로는 .js 파일임 [본문으로]
Trackback 1 Comment 9
  1. Favicon of http://oktoya.net BlogIcon okto 2009.12.20 21:08 address edit & delete reply

    개선하라~ 지원하라~ 해놓구선 결국 직접 다하시네요. 진작 이렇게 될 줄 알았다능ㅋ

  2. Favicon of http://zasfe.com BlogIcon Zasfe 2009.12.21 11:39 address edit & delete reply

    감사합니다. 이런건 언제나 넙쭉.. ㅎ

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.22 21:13 address edit & delete

      잘 쓰시면 되는 겁니다

  3. Favicon of http://izect.kr BlogIcon 아이지 2009.12.22 08:42 address edit & delete reply

    헐 이럴수가 이미 생겨 있었군요 덜덜;;

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.22 21:13 address edit & delete

      <북두의 권> 패러디 인가요? ㅎㅎ

  4. Favicon of http://error.textcube.com BlogIcon 아이구 2009.12.22 20:54 address edit & delete reply

    Syntax Highlighter.. 이거요..

    텍큐에는 Code Highlighter라고 써있잖아요..
    제가 이게뭔지 몰라서 물음표를 눌러서 설명을 읽어봤는데
    도져히 이해가 안가더라구요..

    마침 님께서 이글을 올리셨는데.
    혹시 설명해주실수 있으신가요?

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.22 21:14 address edit & delete

      이해하지 못한다는 건 별 필요가 없단 뜻입니다.
      지금은 모르셔도 될 것 같습니다.

      필요한 때가 되면 자연스럽게 이해가 될 겁니다.