본문 바로가기
Language & Library/JAVA

java 소스 코드 이쁘게 하는방법

by 댓츠굿 2013. 2. 17.

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>

반응형