2015년 1월 28일 수요일

[blog] SyntaxHighlighter 설정

<pre class="brush: 언어; 옵션이름 : ;"> 으로 사용

이 름초기값내  용
auto-linkstrueURL입력시 자동으로 링크시킬지 여부 설정 데모 보기
class-name''SyntaxHighlighter에 CSS를 적용시킬 때 데모 보기
collapsefalse내용 숨기기 여부 설정 (클릭시 보여지게 하는 기능). 데모 보기
first-line1첫번째 라인 번호를 변경 할 때 데모 보기
guttertrue왼쪽  넘버링(숫자) 표시 여부 설정 데모 보기
highlightnull특정 라인의 내용을 강조하고자 할 때 데모 보기
html-scriptfalseHTML/XML 코드를 강조하여 표시 데모 보기
smart-tabstrue탭 사용 설성. 데모 보기
tab-size4텝 사용시 뛰울 간격 설정 데모 보기
toolbartrue툴바 표기 설정. 데모 보기

여러가지 옵션을 동시에 지정하고 싶을 경우 세미콜론(;)으로 구분하여 연속으로 지정.
?
1
<pre class="brush: js; ruler: true; first-line: 10; highlight: [2, 4, 6]">...</pre>
(예)언어명:자바스크립트; 첫째라인 10번 부터; 강조라인 2,4,6 번 라인

그런데 위의 옵션을 항상 변경시킨 값으로 사용하고 싶을때는
SyntaxHighlighter 설정 과 마찬가지로 스킨-HTML/CSS-skin.html 의 </body></s_t3> 위에 다음과 같이 사용

?
1
2
3
4
SyntaxHighlighter.defaults['gutter'] = false;
SyntaxHighlighter.defaults['smart-tabs'] = false;
...
SyntaxHighlighter.all();
(예)넘버링과 탭 설정을 항상 사용하지 않을 경우

댓글 없음:

댓글 쓰기