1. syntaxhighlighter 다운 후
syntaxhighlighter_3.0.83.zip2. 관리 -> HTML/CSS편집 탭에서 파일업로드 버튼을 누른 후, scripts, styles,src 폴더에 있는 파일들을 모두 업로드한다.
3. HTML 코드에서 다음을 </head> 위에 추가
<span style="font-family: Tahoma;"> <script type="text/javascript" src="./images/shCore.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/shBrushJScript.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/shThemeDefault.css"><script type="text/javascript">SyntaxHighlighter.all();</script></span> |
4. 바로 밑에 <body>도 <body Onload="dp.SyntaxHighlighter.HighlightAll('code');">로 변경
5. 글 쓰기에서 HTML 체크 후, 다음 태그 내부에 쓰면됨.
이때 원하는 언어는 (http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/) 참고
<textarea name="code" class="brush:원하는언어;">
</textarea>
예시는 다음과 같다.
'Side Project > 잡지식' 카테고리의 다른 글
| ㄴㄴ (2) | 2018.01.08 |
|---|