http://alexgorbatchev.com/SyntaxHighlighter/
1. 위 사이트 클릭
2. 오른쪽 메뉴에 'download' 클릭
3. The latest SyntaxHighlighter version, 즉 최신 버전 받기 ㅋ
4. 다운받은 폴더 중 scripts, styles 폴더의 파일들을 사용
5. 관리자 로그인 후 좌측 메뉴에서 '꾸미기-HTML/CSS 편집'을 선택
6. 그리고 우측 화면에서 '파일업로드'를 선택,
scripts와 styles폴더 안에 있는 파일들을 모두 업로드(추가)
7.html/css탭에서 <head></head>사이에 아래 소스 붙여넣기
<
script
type
=
"text/javascript"
src
=
"./images/shCore.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"./images/shLegacy.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"./images/shBrushAppleScript.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"./images/shBrushAS3.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"./images/shBrushBash.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"./images/shBrushColdFusion.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/shBrushErlang.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/shBrushJavaFx.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"./images/shBrushJScript.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"./images/shBrushPerl.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/shBrushPowerShell.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/shBrushSass.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/shThemeDefault.css"
>
8. <body></body> 사이에 입력
<
script
type
=
"text/javascript"
>
SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.all();
</
script
>
9. html 네모박스 체크하고 아래와 같이 글쓰기
<pre class="brush:java">
소스코드 입력부분
</pre>
반응형
'Language & Library > JAVA' 카테고리의 다른 글
쓰레드 - 강사님 정의 (0) | 2013.06.17 |
---|---|
[Android] AdapterView (0) | 2013.06.04 |
[Android] Android 이벤트 순서 (0) | 2013.05.30 |
이클립스 import시 한글 깨짐 현상 고치기 (0) | 2013.02.13 |
Java JDK SE 7 설치 & 환경변수 설정하기 (4) | 2011.08.28 |