SyntaxHighlighter 문법 하 이 라이트 플러그 인 사용 강좌

우선 여기 서 원본 코드 를 다운로드 하 세 요.안에 물건 이 매우 많 으 니,우 리 는 기본적으로 그것 을 두 개의 폴 더 에 넣 을 수 있다.그 중에서 shCore.js 와 shCore.js 와 clipboard.swf 는 js 폴 더 에 넣 고 shCore.css 는 또 다른 CSS 파일(하 나 를 고 르 세 요)과 모든 그림 을 style 폴 더 에 넣 습 니 다.html 나 xml 코드 를 강조 하려 면 js 에 shBrushXml.js 를 하나 더 넣 고 자 바스 크 립 트 코드 를 강조 하려 면 shBrushJScript.js 코드 를 하나 더 넣 어야 합 니 다.마지막 으로 우리 홈 페이지 에서 그것들 을 인용 하 는 것 이다

<link type="text/css" rel="stylesheet" href="style/shCore.css"/> 
<link type="text/css" rel="stylesheet" href="style/shThemeRDark.css"/> 
<script src="js/shCore.js" type="text/javascript" ></script> 
<script src="js/shBrushJScript.js" type="text/javascript" ></script> 
<script src="js/shBrushCss.js" type="text/javascript" ></script> 
<script src="js/shBrushXml.js" type="text/javascript" ></script>

그리고 페이지 에 script 라벨 을 새로 만 들 고 코드 를 추가 하여 그 플래시 파일 을 설정 하고 호출 합 니 다

 
SyntaxHighlighter.config.clipboardSwf = 'js/clipboard.swf'; 
SyntaxHighlighter.all(); 

이 코드 들 은 window.onload 에 넣 을 필요 가 없습니다.마지막 으로 어떻게 사용 하 는 지,하 이 라이트 코드 를 pre 파일 에 넣 습 니 다.이 코드 들 은 미리 처리 하고<<로 바 꾸 는 것 을 기억 합 니 다.>를< 로 바꾸다.그리고 특수 한 유형 을 추가 합 니 다.brush 에 따옴표 와 코드 의 유형 을 추가 합 니 다.자 바스 크 립 트 를 강조 하려 면 class="brush:javascript",하 이 라이트 css 는 class="brush:css"가 필요 합 니 다.물론 성공 여 부 는 자 바스 크 립 트 파일(shBrushJScript.js 등)을 도입 하 느 냐 에 달 려 있 습 니 다.이 때 코드 는 하 이 라이트 일 뿐만 아니 라 줄 번호 와 도구 모음 도 많이 나 올 수 있 으 므 로 더욱 세밀 하 게 설정 해 야 합 니 다.줄 번 호 를 금지 하면 class=brush:javascript;gutter:false;"。
이러한 매개 변 수 는 구체 적 으로 볼 수 있다.