Syntax Highlighter 2.1.364 업데이트

무려 1달이나 전에 Syntax Highlighter가 2.1.364로 업데이트되었다.
이제야 알았다는 아쉬움을 뒤로하고, 바로 티스토리에 적용했다.

사용자 삽입 이미지


이번 패치 역시 많은 양의 버그 패치와 더불어 약간의 기능 추가 및 변화가 있다.

수정된 주요 기능은 아래와 같다.

- ruler 기능 제거. 아무도 안 쓰는 것 같아서임
- line wrapping이 모든 환경에서 정상 작동
- expand source를 show source로 변경
- <pre> 태그 외에 <script> 로 사용 가능 (updated usage page)
- 테마 파일 구성의 변경 (즉, 기존에 자체적으로 만든 테마가 있으면 사용 불가 ㅡ.ㅡ;)

더 자세한 변경된 기능은 공식 홈페이지에 올라온 변경 내역를 참고하기 바란다.

이 중 가장 주목할만한 기능은 <script> 태그이다.
기존의 사용법은 아래와 같았다.


이것을 아래와 같이도 쓸 수 있다.


이렇게 <script> 태그를 사용하면 아래와 같은 장단점이 있다.

장점
- 티스토리 새관리의 개같은 버그<pre> 태그에 지맘대로 <br />을 붙이는 버그에서 해방
- <pre>를 사용하면 하일라이팅 되지 않은 코드가 보였다 하일라이팅된 모양으로 변하는데, 이런 깜박임이 없어짐

단점
- 위지윅 편집기에서 볼 수 없음 ㅡ.ㅡ;


설치는 아래의 파일을 다운받아 압축푼 뒤, 스킨 업로드로 올린 뒤에 스킨을 수정하면 되며, 세부 수정 방법은 티스토리에 Syntax Highlighter 2.0 적용하는 방법 포스트를 참고하면 된다.


이 스킨에는 기존에 공개한 스킨에 포함된 아래의 패치가 모두 포함되어있다.

- 치환자 입력 가능
- 언어팩 추가: MSX, AviSynth
- Copy to Clipboard 버그 수정


덧. 이 버전을 적용하면서 커맨트 영역이 제대로 출력되지 않는 문제가 발생했다.
여러모로 확인한 결과 스킨 css의  .post  .commentsSH의 .comments충돌한다는 것을 알게되었다.

이 문제를 해결하려고 Firefox+Web DeveloperInternet Explorer 8개발자 도구를 사용해봤는데, 결국 IE8로 찾았다.

IE8이 여전히 다수의 문제점을 안고 있는 브라우저이긴 하지만, 엄청난 발전이 있던 것도 사실이다.
IE8의 개발자 도구는 css의 충돌을 찾는데 있어서 최적의 도구이다.

사용자 삽입 이미지

저렇게 엔터를 끼워넣은 적이 없다구!


Trackback 0 Comment 12
  1. Favicon of http://un-i.tistory.com BlogIcon Un-i-que 2009.11.14 18:33 address edit & delete reply

    끙-_- 전 버그를 감수하고 pre로 쓸 생각입니다. 그나저나 또 재설치인가요...
    그런데 ruler 기능이 뭐죠?

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.11.14 18:36 address edit & delete

      코드 상단에 눈금으로 글자수를 표시해주는 기능이 있었습니다.

  2. Favicon of http://coreanboi.tistory.com BlogIcon 꾼이 2009.11.15 03:15 address edit & delete reply

    와 또한번 좋은 거 가져갑니다.
    잘 쓰겠습니다!!

  3. 지나가는이 2009.11.18 15:46 address edit & delete reply

    SH에 코드러너를 연동하면 블로그상에서 코드를 실행시킬수 있습니다.

    http://coderunner.tistory.com/

    참고하세요^^

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.11.19 00:23 address edit & delete

      고맙습니다. 굉장하군요!

  4. Favicon of http://madochi.tisotry.com BlogIcon 마도치 2009.12.11 20:21 address edit & delete reply

    혹시 이 페이지에 하이라이터 사용하였나요?
    분명 제 기억에 있었는데..
    재 컴퓨터에서 안보여서요.. >.<

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.12 00:57 address edit & delete

      이 페이지엔 SH를 사용하지 않았습니다.

  5. Favicon of http://jong970105.textcube.com BlogIcon jong970105 2010.01.18 22:06 address edit & delete reply

    저는 뭐가 문젤까요??? ㅠㅠ
    [ur=http://jong970105.tistory.com/]http://jong970105.tistory.com/[/ur]

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2010.01.18 22:24 address edit & delete

      소스를 보니 별 문제는 없어보입니다만, 표시가 안 되네요... ㅎㅎ

    • Favicon of http://un-i.tistory.com/ BlogIcon Un-i-que 2010.06.02 23:09 address edit & delete

      SH를 어느 포스트에 적용하신 거죠?
      소스를 보고 문제를 알고 싶은데, 무슨 문제인지 모르기도 전에 볼 수도 없네요..(ㅎ)

  6. Favicon of http://franken.textcube.com BlogIcon 프랑켄. 2010.03.10 18:59 address edit & delete reply

    감사합니다.. 잘쓰겠습니다.