[javascript] javascript 문구 테스트 - SyntaxHighlighter를 이용

  javascript 문구 테스트 - SyntaxHighlighter를 이용 Highlight 

 

티스토리에 소스 코드 꾸며서 넣기.

 

http://alexgorbatchev.com/SyntaxHighlighter/ 에서 파일 다운로드 후 /script/, /style/ 폴더의 파일들을

티스토리 관리자 - 꾸미기 - HTML/CSS 편집 에서 "파일업로드"로 업로드 한다.

 

그 다음 스킨 수정에서 아래와 같이 입력해준다. body  태그까지 적용.

<!--Start of SyntaxHighlighter--> <script type="text/javascript" src="./images/shCore.js"></script> <script type="text/javascript" src="./images/shBrushJScript.js"></script> <script type="text/javascript" src="./images/shLegacy.js"></script> <script type="text/javascript" src="./images/shBrushBash.js"></script> <script type="text/javascript" src="./images/shBrushCpp.js"></script> <script type="text/javascript" src="./images/shBrushCSharp.js"></script> <script type="text/javascript" src="./images/shBrushCss.js"></script> <script type="text/javascript" src="./images/shBrushDelphi.js"></script> <script type="text/javascript" src="./images/shBrushDiff.js"></script> <script type="text/javascript" src="./images/shBrushGroovy.js"></script> <script type="text/javascript" src="./images/shBrushJava.js"></script> <script type="text/javascript" src="./images/shBrushPhp.js"></script> <script type="text/javascript" src="./images/shBrushPlain.js"></script> <script type="text/javascript" src="./images/shBrushPython.js"></script> <script type="text/javascript" src="./images/shBrushRuby.js"></script> <script type="text/javascript" src="./images/shBrushScala.js"></script> <script type="text/javascript" src="./images/shBrushSql.js"></script> <script type="text/javascript" src="./images/shBrushVb.js"></script> <script type="text/javascript" src="./images/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="./images/shCore.css"> <link type="text/css" rel="stylesheet" href="./images/shCoreEmacs.css"> <script language="javascript"> SyntaxHighlighter.config.stripBrs = true; SyntaxHighlighter.all(); </script> <!--End of SyntaxHighlighter--> </head>

 

 

javascript 샘플

<TEXTAREA class=brush:js; style="HEIGHT: 162px; WIDTH: 561px" rows=1 cols=1 name=code> </textarea> function XMLRPCMessage(methodname){ this.method = methodname||"system.listMethods"; this.params = []; return this; }

 

CPP 샘플

#include <iostream> using namespace std; void main(){ cout << "참 쉽죠?"; }