SyntaxHighlighter v2.1.364 설치 > 그누보드5 팁자료실

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드5 팁자료실

SyntaxHighlighter v2.1.364 설치 정보

SyntaxHighlighter v2.1.364 설치

첨부파일

2013.10.23_03.jpg (61.1K) 20회 다운로드 2013-10-23 18:07:52
syntaxhighlighter v2.1.364_fm25.7z (53.0K) 99회 다운로드 2013-10-24 14:07:31

본문

Sir에 적용된 것과 동일한 v2.1.364입니다.
최신판으로 툴바 출력을 할 수 있는 실력이 없어... 구판으로 작업했습니다.
(고수님이 작업해주실 것을 믿으며...)


기존에 게시된 내용들은 대부분 스킨 형태이고... 저는 그냥 basic 스킨에 포함하는 형태로 만들었습니다.


1. 압축을 풀고... 'syntaxhighlighter'를 폴더채로 'js' 폴더에 올립니다.

'shCore.css'와 'shTheme.css' 파일의 일부를 수정했습니다.
수정한 내용은 주석으로 표기해두었습니다.


2. 'basic' 스킨의 'view.skin.php' 파일을 수정합니다.

skin/board/basic/view.skin.php

제가 사용하는 'view.skin.php' 파일을 올려드리니... 비교하며 수정하십시오.
제가 임의로 수정한 부분도 있고, 판올림이 반영될 수도 있으니... 덮어씌우지는 마십시오.

따로 폴더를 만들어 스킨 형태로 사용할 수도 있으나...
판올림시 이중으로 작업해야한다는 부담감 때문에 그냥 이렇게 만들었습니다.

관리자, izbella, 편리... 세분의 게시글을 조합했습니다.


<link rel="stylesheet" href="<?php echo G5_JS_URL ?>/syntaxhighlighter/styles/shCore.css">
<link rel="stylesheet" href="<?php echo G5_JS_URL ?>/syntaxhighlighter/styles/shThemeDefault.css">
<script src="<?php echo G5_JS_URL ?>/syntaxhighlighter/scripts/shCore.js"></script>
<script src="<?php echo G5_JS_URL ?>/syntaxhighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript">
    SyntaxHighlighter.config.clipboardSwf = '<?php echo G5_JS_URL ?>/syntaxhighlighter/scripts/clipboard.swf';
    SyntaxHighlighter.all();
</script>

추가...

<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>

를...

<!-- SyntaxHighlighter 시작 -->
        <div id="bo_v_con">
        <?
        function _preg_callback($m)
        {
            $str = str_replace(array("<br/>", "&nbsp;"), array("\n", " "), $m[1]);
            return "<pre class='brush:php;'>$str</pre>";
        }

        $str = $view[content];
        $str = preg_replace_callback("/\[code\](.*)\[\/code\]/iU", "_preg_callback", $str);
        echo $str;
        ?>
        </div>
	<!-- SyntaxHighlighter 끝 -->

로 변경하면 됩니다.


1. 글 작성시 에디터를 사용하면 오류가 납니다.

2. 텍스트 모드를 사용하고... HTML은 체크하면 안됩니다.
추천
2

댓글 7개

[코드]
내용
[/코드]

로 입력하면 됩니다.

코드 = code


검색을 해보니... "구판 중에서는 v2.1.364가 제일 낫다"라는 글이 있어서 이 판을 사용했습니다.
오류가 있어서 수정했습니다.
구판에다가 최신판 소스를 넣었더니... ㅠㅠ

결론은...
오래전에 관리자님이 올려주신 소스에서 G5용으로 경로를 수정했다는 차이 뿐이네요...;;;
글꼴이 마음에 들지않으면... 'styles/shCore.css'를 수정하십시오.
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;

나눔고딕으로 바꿔봤더니... 글자 간격이 좁아 별로더군요.
<span id="writeContents"> 내용 </span>


<div id="bo_v_con"> 내용 </div>
로 수정하십시오.

이렇게 해야 'skin/board/basic/style.css'에 정한 'bo_v_con' 스타일이 적용됩니다.
특히 'line-height:1.7em'...
다른 곳이 잘못된줄 알고 한참을 찾았었네요...;;;

________________________________________________________

위 내용은 본문을 수정했습니다.
전체 2,454 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT