syntaxhighlighter_3.0.83.zip
0.17MB

 

[syntaxhighlighter 사용 준비]

1. 첨부되어있는 'syntaxhighlighter_3.0.83.zip' 을 다운받고 압축 풀기

2. 필요한 파일 업로드 : script 폴더와 styles 폴더의 모든 파일
   업로드 경로 : Tistory 관리자 - skin편집 - html 편집 - '파일업로드'
   (* images/ 하위로 script와 styles 폴더의 모든 파일을 업로드)

3. HTML 파일 수정(skin.html)
   3.1 수정1 : </head> 를 찾아서 바로 위에 아래의 코드 입력

   3.2. 수정2 : <body> 찾아서 '>' 앞에 Onload="dp.SyOnload="dp.SyntaxHighlighter.HighlightAll('code'); 추가

 

 

 

[syntaxhighlighter 사용 하기]

글작성 중 source code를 적용하고 싶을 때 HTML편집모드에서 아래 코드를 입력하고 그 안에 소스코드 입력 

 

예를 들어 html의 경우 <SCRIPT class="brush: html" type="syntaxhighlighter">

 

예를 들어 python의 경우 <SCRIPT class="brush: python" type="syntaxhighlighter">

 

*** 기본모드와 HTML모드를 왔다갔다 하다보면 코드가 안나오는 경우가 있는데,
     잘 살펴보면, SCRIPT 안의 class=brush 항목이 자동으로 없어져있다. -- 수동으로 다시 입력!!!

※ 참고: https://github.com/syntaxhighlighter/syntaxhighlighter/wiki/Usage

+ Recent posts