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

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

· 1년 전 · 1554 · 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개

와우 멋지네요

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

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

게시글 목록

번호 제목
23798
23797
23792
23791
23785
23781
23770
23766
23764
23761
23747
23732
23724
23718
23706
23700
23697
23686
23682
23681
23680
23678
23665
23644
23643
23639
23637
23630
23626
23616