2011. 9. 19. 09:25 컴퓨터 & misc 셋팅/blog
수식편집기
'컴퓨터 & misc 셋팅 > blog' 카테고리의 다른 글
| SyntaxHighlighter + script (0) | 2011.06.08 |
|---|---|
| SyntaxHighlighter + jQuery 4 cpp (0) | 2011.06.03 |
'컴퓨터 & misc 셋팅/blog'에 해당되는 글 3건
- 2011.09.19 수식편집기
- 2011.06.08 SyntaxHighlighter + script
- 2011.06.03 SyntaxHighlighter + jQuery 4 cpp
2011. 6. 8. 17:18 컴퓨터 & misc 셋팅/blog
SyntaxHighlighter + script
skin.html
title 다음에 붙여넣는다.
<!-- 여기부터 -->
title 다음에 붙여넣는다.
<!-- 여기부터 -->
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" scr="./images/shBrushXml"></script>
<script type="text/javascript" scr="./images/shBrushPlain"></script>
<script type="text/javascript" scr="./images/shBrushSql"></script>
<link rel="stylesheet" type="text/css" href="./images/shCore.css">
<link rel="stylesheet" type="text/css" href="./images/shThemeDefault.css">
<script type="text/javascript">
SyntaxHighlighter.all()
</script>
<!-- 여기까지 -->
*사용법
<script class="brush:cpp" type="syntaxhighlighter">
...
</script>
</script>
'컴퓨터 & misc 셋팅 > blog' 카테고리의 다른 글
| 수식편집기 (0) | 2011.09.19 |
|---|---|
| SyntaxHighlighter + jQuery 4 cpp (0) | 2011.06.03 |
2011. 6. 3. 17:45 컴퓨터 & misc 셋팅/blog
SyntaxHighlighter + jQuery 4 cpp
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shLegacy.js"></script>
<script type="text/javascript" src="./images/shBrushAppleScript.js"></script>
<script type="text/javascript" src="./images/shBrushAS3.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushColdFusion.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/shBrushErlang.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/shBrushJavaFx.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.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/shBrushPowerShell.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/shBrushSass.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">
/* jQuery 부분 */
jQuery.noConflict(); // 다른 라이브러리와 충돌을 방지한다.
jQuery(document).ready(function(){ // 문서가 모두 읽힌 후에 다음을 실행
jQuery("blockquote").each( function() { //blokquote가 사용한 태그
if (jQuery(this).attr('class').substr(0,5)=='brush')
// 그중 클래스명이 brush로 시작하는 것을 찾아 적용
{
var temp = jQuery(this).html(); // 내용 복사
temp = temp.replace(/<br \/>/gi, "");
temp = temp.replace(/<br>/gi, "");
temp = temp.replace(/<div>/gi, "");
temp = temp.replace(/<\/div>/gi, "");
//temp = '<pre class="'+ jQuery(this).attr('class') + '">'+temp+'</pre>'
temp = '<script type="syntaxhighlighter" class="'+ jQuery(this).attr('class') + '"><![CDATA['+temp+']]><\/script>'
jQuery(this).after(temp); // 뒤에 새 작성된 pre 또는 script태그로 붙인다.
jQuery(this).remove(); // 기존의 인용태그 삭제
}
});
/* SyntaxHighlighter 부분 */
SyntaxHighlighter.defaults['toolbar'] = false; // 툴바 안 보기
SyntaxHighlighter.all();
});
</script>
*Usage
1. 소스코드 붙여 넣기
2. 소스 부분 ""하기(html로 넘어갔다 오면 안됨)
3. html에서 class="brush:cpp" 추가
*Usage
1. 소스코드 붙여 넣기
2. 소스 부분 ""하기(html로 넘어갔다 오면 안됨)
3. html에서 class="brush:cpp" 추가
'컴퓨터 & misc 셋팅 > blog' 카테고리의 다른 글
| 수식편집기 (0) | 2011.09.19 |
|---|---|
| SyntaxHighlighter + script (0) | 2011.06.08 |
