1. 다운로드
SyntaxHighLighter 3.0.83 : http://alexgorbatchev.com/syntaxhighlighter
2. 구성
(1) SyntaxHighlighter Parsing의 기본 레이블은 사전입니다
코드 사본은 다음과 같습니다.
syntaxhighlighter.config.tagname = "div";
(2) HTML 라인 브레이크 태그를 제거합니다
소프트웨어가 각 라인의 끝에서 <br /> 태그를 추가하면이 옵션을 사용하면이 태그를 무시할 수 있습니다.
Shcore.js의 구현 코드는 다음과 같습니다.
코드 사본은 다음과 같습니다.
if (sh.config.stripbrs == true)
str = str.replace (br, '');
syntaxhighlighter.config.stripbrs = true;
(3) 도구 모음이 표시되지 않습니다
코드 사본은 다음과 같습니다.
syntaxhighlighter.defaults [ '도구 모음'] = false;
3. 코드에서 사용하십시오
3.1 브러시는 필요한 옵션이며 나머지는 선택 사항입니다.
코드 사본은 다음과 같습니다.
<div> 일부 Java 코드 </div>
브러시 값 : Java/XML/SQL/C/JS/CSS 등을 참조하십시오. http://alexgorbatchev.com/syntaxhighligher/manual/brushes/
3.2 음영 통화 :
코드 사본은 다음과 같습니다.
SyntaxHighLigher.Highlight ();
또는
코드 사본은 다음과 같습니다.
SyntaxHighLigher.all ();
All ()와 Highlight ()의 차이점은 All ()가 onload () 이벤트에 등록된다는 것입니다.
4. 블로그 파크에서 사용하십시오
Blog Park는 기본적으로 SyntaxHighlighter를 지원합니다. 코드는 기본값을 변경합니다 (jQuery가 중요한 스타일 설정을 지원하지 않기 때문에 CSSTEXT를 설정해야합니다).
코드 사본은 다음과 같습니다.
var sh = $ ( ". SyntaxHighlighter");
var code = sh.find ( "코드");
var line = sh.find ( ". line");
var 캡션 = sh.find ( "테이블 캡션");
sh.css ( "csstext", "너비 : 자동! 중요");
code.add (line)
.add (캡션)
.CSS ( "CSSTEXT", "font-size : 20px! 중요; 흰색 공간 : Nowrap! 중요; 선-리이트 : 1.5em! 중요;");
위는이 기사에 관한 것입니다. SyntaxHighlighter 사용 방법에 대한 새로운 이해를 얻었습니까? 이 기사를 좋아할 수 있기를 바랍니다.