반응형

개발코드를 그냥 복사해서 붙여버리면 일반 텍스트처럼 보이기 때문에 보는데 불편하여 코드 강조하는 syntaxhighlighter를 적용하려고 해요. 사이트 가서 받아도 되지만 첨부파일 받아오되요

syntaxhighlighter_3.0.83.zip
0.17MB

압축을 풀고 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

+ Recent posts