Dream's Story

여러가지 블로그를 가보면 항상 이쁘장 하게

태그,소스들을 알려주는 블로그가 있어요 !

예를들면 프로그래밍 식으루요

 
<br/> <script language="JavaScript"> function click() { if (event.button != 1) { alert('마우스 오른쪽 메뉴 사용금지!!!'); } } document.onmousedown=click; </script>
이런 것처럼 부럽지요 ....이쁘기도 하구요..

문법 별로 체크도 가능하고 이 얼마나 획기적입니까 ?!

그래서 이제 우리도 해보려구요 .

글 시작합니다.

구글에서 제공하고있는 SyntaxHighlighter 를 이용을 합시다. 일단 아래 링크를 클릭해서 위에 download 탭을 클릭하여 파일을 다운로드 합니다. http://code.google.com/p/syntaxhighlighter/

편의를 위해서 1.5버전 링크 겁니다. 다운로드 누르시면 다운이 시작됩니다.

그 후 http://자기주소/admin 또는 관리자 또는 어드민 페이지로 이동 - 꾸미기 - HTML/CSS 편집 - 파일 업로드에 간뒤

추가 버튼으로 


clipboard.swf shBrushCpp.js shBrushCSharp.js shBrushCss.js shBrushDelphi.js shBrushJava.js shBrushJScript.js shBrushPhp.js shBrushPython.js shBrushRuby.js shBrushSql.js shBrushVb.js shBrushXml.js shCore.js SyntaxHighlighter.css shBrushCpp.js shBrushCSharp.js shBrushCss.js shBrushDelphi.js shBrushJava.js shBrushJScript.js shBrushPhp.js shBrushPython.js shBrushRuby.js shBrushSql.js shBrushVb.js shBrushXml.js shCore.js

원하시는 분들을 위해 파일 목록을 적어두었습니다.
목록은 이렇습니다.
이제  업로드를 해줍니다.

추가 버튼을 눌러 각각 폴더마다 들어간 뒤 파일을 업로드 합니다.

그 후 어드민 페이지 -꾸미기 - HTML/CSS 편집에 간 뒤에

<br/> </head><br/>

헤드 태그가 끝나는 지점 바로 위에
<link rel="stylesheet" type="text/css" href="./images/SyntaxHighlighter.css"/> <br/>
을 입력해줍니다.

그다음 skin.html 가장 하단부쪽으로 가서, </body> _ 바디가 끝나는 부분 위 쪽에 다음과같은 스크립트를 추가시킵니다.

 

<br/> </body><br/>
바디태그가 끝나는 바로 윗부분에

<br/> <script class="javascript" src="./images/shCore.js"></script> <script class="javascript" src="./images/shBrushCSharp.js"></script> <script class="javascript" src="./images/shBrushCpp.js"></script> <script class="javascript" src="./images/shBrushCss.js"></script> <script class="javascript" src="./images/shBrushDelphi.js"></script> <script class="javascript" src="./images/shBrushJScript.js"></script> <script class="javascript" src="./images/shBrushJava.js"></script> <script class="javascript" src="./images/shBrushPhp.js"></script> <script class="javascript" src="./images/shBrushPython.js"></script> <script class="javascript" src="./images/shBrushRuby.js"></script> <script class="javascript" src="./images/shBrushSql.js"></script> <script class="javascript" src="./images/shBrushVb.js"></script> <script class="javascript" src="./images/shBrushXml.js"></script> <script class="javascript"> dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); </script><br/> 을 넣어줍니다.

이제 다되어가네요.

마지막으로 코드 사용법 입니다.

한가지의 언어만 된다면 정말 나쁜 소스겠지요 .그래서 설정법입니다. !

 사용을 위한 방법은
<textarea name='code' class='java'> 코드내용 <br/> <textarea><br/> 이 되겠습니다.

각 프로그래밍 코드는

<br/> <br/> import java.io.FileNotFoundException; class Dog { Dog(String name , int size){ // 로직넘으셈 } public void bark(int num){ // 로직넣으셈 } public void play(){ // 로직넣으셈 } private static void readTheFile(String fileName) throws FileNotFoundException { // 로직넣으셈 } public static void main(String[]args) { int size = 27; String name = "Fido"; Dog myDog = new Dog(name, size); int x = size - 5; if (x < 15) myDog.bark(8); // 메소드 while (x > 3) { // 무한 루프 myDog.play(); // 메소드 play() } int[] numList = {2,4,6,8}; System.out.print("Hello"); System.out.print("Dog: " + name); String num = "8"; int z = Integer.parseInt(num); try { readTheFile("myFile.txt"); // 메소드 } catch(FileNotFoundException ex) { System.out.print("File Not found"); } } } <br/>