1. SyntaxHighlighter 3.0.83 다운로드
현재 티스토리에는 version 2.0.320 이 설치되어 있다
2. 파일구성 및 업로드
다운로드 받은 압축파일을 풀면
루트에 디렉토리를 생성한후 업로드한다. (설명상 디텍토리는 /sh/라 함)
3. 사이에 아래의 스크립트와 스타일을 추가한다.
전부 사용하여도 되지만 필요한 것만 간추려 적용키로 했다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- SyntaxHighlighter --> <script type="text/javascript" src="/sh/scripts/shCore.js"></script> <script type="text/javascript" src="/sh/scripts/shBrushCss.js"></script> <script type="text/javascript" src="/sh/scripts/shBrushJava.js"></script> <script type="text/javascript" src="/sh/scripts/shBrushJscript.js"></script> <script type="text/javascript" src="/sh/scripts/shBrushPhp.js"></script> <script type="text/javascript" src="/sh/scripts/shBrushSql.js"></script> <script type="text/javascript" src="/sh/scripts/shBrushXml.js"></script> <script type='text/javascript' src='/sh/scripts/shAutoloader.js'></script> <script type="text/javascript"> //SyntaxHighlighter.defaults['toolbar'] = false; // toolbar option //SyntaxHighlighter.config.stripBrs = true; // br tag option SyntaxHighlighter.config.clipboardSwf = '/sh/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script> <link href="/_sh/styles/shCore.css" rel="stylesheet" type="text/css"> <link href="/_sh/styles/shThemeDefault.css" rel="stylesheet" type="text/css"> </head>
4. class option
5. Example
<pre class="brush: php; highlight: [8, 12]; html-script: true">...</pre>
/***********************************
** Multiline block comments **
********************************/
$stringWithUrl = "http://alexgorbatchev.com";
$stringWithOutUrl = 'hello world';
ob_start("parseOutputBuffer"); // Start Code Buffering
session_start();
function parseOutputBuffer($buf) {
global $portal_small_code, $portal_gzcompress;
global $PHP_SELF, $HTTP_ACCEPT_ENCODING; // cleaning out the code.
if($portal_small_code && !$portal_gzcompress) {
$buf = str_replace(" ", "", $buf);
$buf = str_replace("\n", "", $buf);
$buf = str_replace(chr(13), "", $buf);
}
}'ETC...' 카테고리의 다른 글
| 폰갭 설치법 (0) | 2014.01.15 |
|---|---|
| SyntaxHighlighter API설치 (0) | 2012.07.05 |