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의 충돌을 찾는데 있어서 최적의 도구이다.

사용자 삽입 이미지

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