반응형
개발코드를 그냥 복사해서 붙여버리면 일반 텍스트처럼 보이기 때문에 보는데 불편하여 코드 강조하는 syntaxhighlighter를 적용하려고 해요. 사이트 가서 받아도 되지만 첨부파일 받아오되요
압축을 풀고 scripts, styles 두 개 폴더가 필요해요
먼저 스킨에 위 두개폴더 js, css파일을 업로드해야 해요
스킨 편집 이동 후
html 편집
추가를 클릭 한 다음에 script, css파일을 업로드해주면 돼요
업로드 완료 후 HTML탭에 가서
<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/shThemeEclipse.css"> <script type="text/javascript"> SyntaxHighlighter.all(); </script>
head에 추가하시면 돼요 전 이클립스 테마를 사용했어요
<pre class="brush: 언어">
String a;
</pre>
사용하시면 돼요.
만약 중간에 스킨을 변경을 하게 되면 <meta><script>등이 날아가기 때문에 변경 전 검색 태그나 그런 건 복사를 해두시고 스킨 변경을 하셔야 해요.
첨 설정을 했다가 스킨 변경으로 날려먹어 다시 설정을 했어요
반응형
'개발' 카테고리의 다른 글
이클립스에서 한글이 깨질경우 (3) | 2020.12.20 |
---|---|
톰켓 Symbolic link(Windows) (0) | 2020.10.27 |
spring security 중복 로그인 방지 (3) | 2020.08.12 |