Action disabled: source
추적: • dokuwiki_image_plugin
, ,

Dokuwiki Image Plugin

도쿠위키에 그림을 넣으려면 

{{http://img33.imageshack.us/img33/6457/lightboxindokuwiki.jpg}}

이렇게 중괄호에 그림의 주소를 넣으면 된다.

그런데 내용이 그림이더라도 확장자가 JPEG, PNG 같은 것이 아니면 (PHP 로 형성되는 실시간 그림이나 티스토리처럼 그냥 해쉬코드만 있는 경우) 그냥 파일로 인식되고 그림으로 표시되지 않는다.

도쿠위키에서는 파일이름의 끝에 &.jpg? 이런 것을 추가하라는데…1) 

{{http://cfile7.uf.tistory.com/image/21117A3651126AAA2F2636&.jpg?}}

21117a3651126aaa2f2636_.jpg

안되거든요? Gohr 아저씨?

되는 사이트도 있지만 안되는 사이트가 태반이다. 2)

그래서 간단한 플러긴을 만들어 보았다.

그냥 

{{image>http://img33.imageshack.us/img33/6457/lightboxindokuwiki.jpg}}
{{image>http://cfile7.uf.tistory.com/image/21117A3651126AAA2F2636}}

이런식으로 쓰면 파일이름에 관계없이 그냥 그림으로 표시한다. 아직 크기조절 기능은 없다.

show.php
<?php
/**
 * DokuWiki Plugin image (Syntax Component)
 *
 * @license GPL 2 http://www.gnu.org/licenses/gpl-2.0.html
 * @author  SC YOO <[email protected]>
 */
 
// must be run within Dokuwiki
if (!defined('DOKU_INC')) die();
 
if (!defined('DOKU_LF')) define('DOKU_LF', "\n");
if (!defined('DOKU_TAB')) define('DOKU_TAB', "\t");
if (!defined('DOKU_PLUGIN')) define('DOKU_PLUGIN',DOKU_INC.'lib/plugins/');
 
require_once DOKU_PLUGIN.'syntax.php';
 
class syntax_plugin_image_show extends DokuWiki_Syntax_Plugin {
    public function getType() {
        return 'substition';
    }
 
    public function getPType() {
        return 'normal';
    }
 
    public function getSort() {
        return 301;
    }
 
 
    public function connectTo($mode) {
        $this->Lexer->addSpecialPattern('\{\{image>[^}]*\}\}',$mode,'plugin_image_show');
//        $this->Lexer->addEntryPattern('<FIXME>',$mode,'plugin_image_show');
    }
 
//    public function postConnect() {
//        $this->Lexer->addExitPattern('</FIXME>','plugin_image_show');
//    }
 
    public function handle($match, $state, $pos, &$handler){
        $data = array();
        $match = substr($match,8,-2); //strip markup from start and end
 
        // alignment
        $data['align'] = 0;
        if(substr($match,0,1) == ' ') $data['align'] += 1;
        if(substr($match,-1,1) == ' ') $data['align'] += 2;
 
        $data['src']=$match;
        $data['class']='media ';
        return $data;
    }
 
    public function render ($mode, &$renderer, $data) {
        if($mode != 'xhtml') return false;
        switch ($data['align']){
            case 1:
            $data['class'].="medialeft";break;
            case 2:
            $data['class'].="mediaright";break;
            case 3:
            $data['class'].="mediacenter";break;
        }
       $renderer->doc.= '<a href="'.$data['src'].'" rel="lightbox"><img src="'.$data['src'].'" class="'.$data['class'].'"></a>';
 
        return true;
    }
}
 
// vim:ts=4:sw=4:et:
누구나 수정하실 수 있습니다. 위키 사용법 참고하세요.
1)
https://www.dokuwiki.org/images#dynamic_images
2)
티스토리가 대표적…

역링크