테스트 사이트 - 개발 중인 베타 버전입니다

그누보드 코드블럭 Prism.JS적용(HOOK)

· 1년 전 · 1553 · 2

내용변환(conv_content -> html_purifier)시 hook을 사용해서 prismjs를 적용
[참고] https://prismjs.com/index.html#examples

1. 그누보드 extend폴더 안에 아래 파일 생성
prism.extend.php
[code]

add_event('tail_sub', 'prism_tail_sub', G5_HOOK_DEFAULT_PRIORITY);
add_replace('html_purifier_result', 'prism_html_purifier_result', 10, 3);

function prism_script(){

    add_stylesheet('<link rel="stylesheet" href="'.G5_PLUGIN_URL.'/prism/prism.css">', -2);
    $sh = '<script src="'.G5_PLUGIN_URL.'/prism/prism.js"></script>'.PHP_EOL;
    $sh .= '<script>var is_SyntaxHighlighter = true;</script>';
    add_javascript($sh, 0);

}

function prism_tail_sub(){

    global $wr_id;

    if($_SERVER['SCRIPT_NAME'] != '/bbs/board.php' || !$wr_id) return;

    prism_script();

}

function PrismJS($m) {

    $str = isset($m[3]) ? $m[3] : '';

    if(!$str)
        return;

    $str = stripslashes($str);
    $str = preg_replace("/(<br>|<br \/>|<br\/>|<p>)/i", "\n", $str);
    $str = preg_replace("/(<div>|<\/div>|<\/p>)/i", "", $str);
    $str = str_replace("&nbsp;", " ", $str);
    $str = str_replace("/</", "&lt;", $str);
    $str = str_replace("/[/", "&lsqb;", $str);
    $str = str_replace("/{/", "&lcub;", $str);

    if(!$str)
        return;

    $brush = isset($m[2]) ? strtolower(trim($m[2])) : 'html';

    //prism_script();

    return '<div class="line-numbers"><pre><code class="language-'.$brush.'">'.$str.'</code></pre></div>'.PHP_EOL;

}

function prism_html_purifier_result($str){

    $content = preg_replace_callback("/(\[code\]|\[code=(.*)\])(.*)\[\/code\]/iUs", "PrismJS", $str); // PrismJS

    return $content;

}
[/code]
2. https://prismjs.com/download.html 접속해서 테마, 언어, 기능 다운로드(prism.js, prism.css)

662256717_1707132388.3085.jpg


3. 다운로드한 파일(prism.js, prism.css)을 플러그인 폴더에 업로드
662256717_1707132785.2953.jpg

4. Prism 의 Okaidia 테마적용
662256717_1707134761.4045.jpg

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

와우 멋지네요

바로 적용해보러 가겠습니다.

감사합니다.
나중에 한번^^

게시글 목록

번호 제목
24149
24140
24133
24125
24119
24109
24105
24101
24093
24089
24077
24074
24071
24070
24067
24056
24050
24046
24043
24040
24037
24036
24035
24034
24021
24017
24005
24002
23990
23980