티스토리에 소스코드 입력하기.

본문 바로가기

Notice

Recent Posts

Recent Comments

Link

Tags more

Archives

Today

Total

관리 메뉴

rangnarang

티스토리에 소스코드 입력하기. 본문

참고

티스토리에 소스코드 입력하기.

와이낫? 2018. 1. 2. 11:59

티스토리에 소스코드를 입력하기 위해 검색을 해봤는데 많은 사람들이 "syntaxhighlighter" 플러그인을 사용하는 것 같다.

현재 버전은 v4 까지 나온 모양인데 tistory에서 반영 방법은 v3까지만 검색된다.

어쩔수 없지 뭐

syntaxhighlighter_3.0.83 를 검색하여 다운로드 하고

tistory에서 관리화면 -> 꾸미기 ->html/css 편집으로 들어가 html 체크박스 선택

소스코드 내 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 태그에 onload이벤트 추가

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

저장하면 셋팅은 끝

사용방법은 아래와 같다.

html 체크박스 클릭 후

<textarea name="code" class="brush:xml;">

소스코드 입력.

</textarea>

진짜 끝.

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

'참고' 카테고리의 다른 글

[WEB] IE에서 로컬 html 호출시 '차단된 콘텐츠 허용' 없애기 (0)	2018.07.05

'참고' Related Articles

[WEB] IE에서 로컬 html 호출시 '차단된 콘텐츠 허용' 없애기 2018.07.05

more

Comments

티스토리툴바