[Tip] Syntax Highlighter 설치 및 적용

본문 바로가기

Notice

Recent Posts

Recent Comments

Link

Tags more

Archives

2017/07 (1)
2017/06 (5)
2015/09 (3)
2015/08 (1)
2014/10 (3)

Today: 0

Total: 211,887

관리 메뉴

DREAM IT, WISH IT, DO IT

[Tip] Syntax Highlighter 설치 및 적용 본문

Programming

[Tip] Syntax Highlighter 설치 및 적용

개발일지 오세빈 2014. 7. 15. 15:28

Syntax Highlighter 를 구글 검색후 다운로드 받아서 압축풀면 폴더 몇개가 나온다. 그중에

[scripts], [styles] 이 2개 폴더 안의 자바스크립트 파일과 CSS파일을 모두 블로그이 업로드 한다.

그리고 아래 목록을 <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/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>

그다음에 <body> 태그를 찾아서 안에 내용을 추가해준다.

<body Onload="dp.SyntaxHighlighter.HighlightAll('code');">

코드 적용하는 방법 ->

<textarea name="code" class="brush:작성할 언어">

작성하는 공간

</textarea>

소스 참고

저작자표시비영리변경금지

'Programming' 카테고리의 다른 글

무료 아이콘 이미지 사이트 iconfinder (0)	2014.09.22
[Tip] Syntax Highlighter 설치 및 적용 (0)	2014.07.15
Eclipse Heap 메모리 영역 늘리기! (0)	2014.07.07
[TIP] 익스플로러 다운그레이드 (0)	2014.06.11
Chrome App을 만들어보자! (0)	2013.10.29
[eclipse theme] 이클립스 테마 바꾸기 (0)	2013.04.06

공유하기 링크

페이스북
카카오스토리
트위터

'Programming' Related Articles

more

0 Comments

댓글쓰기 폼

이름 비밀번호

Secret

내용

Prev 1 ··· 15 16 17 18 19 20 21 22 23 ··· 106 Next

티스토리툴바