syntaxhighlighter 3.0.83 적용하기 > gnuboard

파일을 다운받고 앞축을 푼다.

필요한 두개의 폴더만 업로드 해도 되고 모두 업로드 해도 상관없다.

쉽게 구분하기 위해 

/plugin/syntaxhighligher_3.0.83/아래에 다운 받은 파일 업로드 

/extend/syntaxhighlighter.extend.php 만들기

[code] 

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

define('_SYNTAXHIGHLIGHTER_USE_', true);

define('G5_SYN_DIR','syntaxhighlighter_3.0.83');

define('G5_SYN_PATH', G5_THEME_PATH.'/'.G5_G5_SYN_DIR);

define('G5_SYN_URL', G5_THEME_URL.'/'.G5_G5_SYN_DIR);

?>

[/code]

 

게시판의 view페이지 사용하므로 view.skin.php 페이지에서 파일을 불러 오도록 설정한다.

[code]

<?php

add_javascript('<script type="text/javascript" src="'.G5_SYN_URL.'/scripts/shCore.js"></script>', 0);

add_javascript('<script type="text/javascript" src="'.G5_SYN_URL.'/scripts/shBrushPhp.js"></script>', 0);

add_stylesheet('<link rel="stylesheet" href="'.G5_SYN_URL.'/style/shCore.css">', 0);

add_stylesheet('<link rel="stylesheet" href="'.G5_SYN_URL.'/style/shThemeDefault.css">', 0); 

?>

[/code]

이렇게 필요한 부분만 업로드

 

하단 부분에 스크립트 추가

[code]

$(function() {

    var $codeExchange = $("#bo_v_con");

    if ($codeExchange.length > 0) {

        var html = $codeExchange.html();

        html = html.split("[code]").join("<pre class='brush:php'>");

        html = html.split("[/code]").join("</pre>");

        $codeExchange.html(html);

        $codeExchange.find("pre").each(function() {

            var text = $.trim($(this).text());

            $(this).text(text);

        });

    }

});

[/code]

추천0 비추천0