<pre class="brush: 언어; 옵션이름 : 값;"> 으로 사용| 이 름 | 초기값 | 내 용 |
|---|---|---|
auto-links | true | URL입력시 자동으로 링크시킬지 여부 설정 데모 보기 |
class-name | '' | SyntaxHighlighter에 CSS를 적용시킬 때 데모 보기 |
collapse | false | 내용 숨기기 여부 설정 (클릭시 보여지게 하는 기능). 데모 보기 |
first-line | 1 | 첫번째 라인 번호를 변경 할 때 데모 보기 |
gutter | true | 왼쪽 넘버링(숫자) 표시 여부 설정 데모 보기 |
highlight | null | 특정 라인의 내용을 강조하고자 할 때 데모 보기 |
html-script | false | HTML/XML 코드를 강조하여 표시 데모 보기 |
smart-tabs | true | 탭 사용 설성. 데모 보기 |
tab-size | 4 | 텝 사용시 뛰울 간격 설정 데모 보기 |
toolbar | true | 툴바 표기 설정. 데모 보기 |
여러가지 옵션을 동시에 지정하고 싶을 경우 세미콜론(;)으로 구분하여 연속으로 지정.
1
| <pre class="brush: js; ruler: true; first-line: 10; highlight: [2, 4, 6]">...</pre> |
그런데 위의 옵션을 항상 변경시킨 값으로 사용하고 싶을때는
SyntaxHighlighter 설정 과 마찬가지로 스킨-HTML/CSS-skin.html 의 </body></s_t3> 위에 다음과 같이 사용
1
2
3
4
| SyntaxHighlighter.defaults['gutter'] = false;SyntaxHighlighter.defaults['smart-tabs'] = false;...SyntaxHighlighter.all(); |

