위 링크의 내용대로 자동 링크를 사용하다가 어느날부터 제대로 작동을 하지 않아 찾아보다가 다음과 같이 해결
$ 대신 jQuery로 교체해주니까 작동됨.
autolink.js의 원본
수정
하단의 코드도 다음과 같이 변경
이전
수정
'etc' 카테고리의 다른 글
| 티스토리에 syntaxhighlighter 3.0.83 적용하기 + jQuery + autoloader (3) | 2012.06.05 |
|---|
'etc'에 해당되는 글 2건
http://alexgorbatchev.com/SyntaxHighlighter/download/
위 링크의 syntaxhighlighter 3.0.83 파일을 다운로드한다.
압축을 해제하여 scripts와 styles 폴더의 모든 파일들을 "HTML/CSS편집 -> 파일업로드"에 추가 해준다.
jquery-1.6.1.min.js첨부한 jQuery파일을 같은 위치에 추가한다.
(jQuery 부분은 http://bryan7.tistory.com/10 이곳에서 참고했다.)
HTML/CSS편집 에서 <head> 태그에 안에 css를 추가 해준다.
- 여기서 shCore.css는 추가하지 않아도 제대로 작동한다. 스크롤바 패치를 테마css파일에 직접하지 않기 위해서 shCore.css에 적용 후 추가했다. 이러면 테마를 변경하더라도 패치가 계속 유지된다.
overflow를 x, y로 분리하여 설정한 shCore.css의 내용. 가로 스크롤바만 생긴다.
마찬가지로 </body> 태그 위에 다음 script를 추가한다.
- 참고 : http://ddoong2.com/601