ckeditor dosya tarayıcı

3 Cevap php

Ben CKEditor ile entegre edilebilir ücretsiz dosya tarayıcısı bağlantıyı kaybettim. Bu başlık sayı '4 've .NET sahiptir ve PHP ile yazılmış.

Herkes bu programın adını biliyor mu?

3 Cevap

Sana CKFinder istiyorum inanıyorum. PHP dahil platformlar bir dizi aynı insanlar tarafından oluşturulmuş.

Bir mesaj dosya yöneticisi görüntülenir ücretsiz indir sürümü için gösterilen fazlalaştı, bir lisans anahtarı mesajı (ancak mesaj gerçekten müdahaleci değil, hiçbir pop-up'lar ya da bir şey) gizlemek için gereklidir.

Ayrıca, here CKEditor ile CKFinder entegre için bağlantıdır.

Edit: Alternatif olarak, orada tamamen ücretsiz açık kaynak biridir here.

Ben sadece çok kalın olduğumu tamamen mümkün - Ben tekerleği yeniden icat etmek yerine CKFinder entegre nasıl anlamaya daha kolay bulundu.

Herhangi bir şekilde, aşağıda benim kodu görebilirsiniz. Bunu anlamak için basit ve iyi çalışıyor. Kullanıcıların sunucu gezinmek için izin vermez ise, bu tarayıcı çağırırken görüntü dosyalarını çekmek için hangi dizin belirtmek için izin verir.

Tüm nispeten modern tarayıcılarda çalışması gerekir böylece tüm oldukça temel kodlama var.

Ckeditor sadece sağlanan url ile yeni bir pencere açar

/*          
    in CKeditor **use encodeURIComponent()** to add dir param to the filebrowserBrowseUrl property

    Replace "content/images" with directory where your images are housed.
*/          
        CKEDITOR.replace( 'editor1', {  
            filebrowserBrowseUrl: 'browse.php?type=Images&dir=' + encodeURIComponent('content/images'),  
            filebrowserUploadUrl: 'upload.php?type=Files&dir=' + encodeURIComponent('images') 
        });

// ========= complete code below for browse.php

<?php  
header("Content-Type: text/html; charset=utf-8\n");  
header("Cache-Control: no-cache, must-revalidate\n");  
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");  

// e-z params  
$dim = 150;         /* image displays proportionally within this square dimension ) */  
$cols = 4;          /* thumbnails per row */
$thumIndicator = '_th'; /* e.g., *image123_th.jpg*) -> if not using thumbNails then use empty string */  
?>  
<!DOCTYPE html>  
<html>  
<head>  
    <title>browse file</title>  
    <meta charset="utf-8">  

    <style>  
        html,  
        body {padding:0; margin:0; background:black; }  
        table {width:100%; border-spacing:15px; }  
        td {text-align:center; padding:5px; background:#181818; }  
        img {border:5px solid #303030; padding:0; verticle-align: middle;}  
        img:hover { border-color:blue; cursor:pointer; }  
    </style>  

</head>  


<body>  

<table>  

<?php  

$dir = $_GET['dir'];    

$dir = rtrim($dir, '/'); // the script will add the ending slash when appropriate  

$files = scandir($dir);  

$images = array();  

foreach($files as $file){  
    // filter for thumbNail image files (use an empty string for $thumIndicator if not using thumbnails )
    if( !preg_match('/'. $thumIndicator .'\.(jpg|jpeg|png|gif)$/i', $file) )  
        continue;  

    $thumbSrc = $dir . '/' . $file;  
    $fileBaseName = str_replace('_th.','.',$file);  

    $image_info = getimagesize($thumbSrc);  
    $_w = $image_info[0];  
    $_h = $image_info[1]; 

    if( $_w > $_h ) {       // $a is the longer side and $b is the shorter side
        $a = $_w;  
        $b = $_h;  
    } else {  
        $a = $_h;  
        $b = $_w;  
    }     

    $pct = $b / $a;     // the shorter sides relationship to the longer side

    if( $a > $dim )   
        $a = $dim;      // limit the longer side to the dimension specified

    $b = (int)($a * $pct);  // calculate the shorter side

    $width =    $_w > $_h ? $a : $b;  
    $height =   $_w > $_h ? $b : $a;  

    // produce an image tag
    $str = sprintf('<img src="%s" width="%d" height="%d" title="%s" alt="">',   
        $thumbSrc,  
        $width,  
        $height,  
        $fileBaseName  
    );  

    // save image tags in an array
    $images[] = str_replace("'", "\\'", $str); // an unescaped apostrophe would break js  

}

$numRows = floor( count($images) / $cols );  

if( count($images) % $cols != 0 )  
    $numRows++;  


// produce the correct number of table rows with empty cells
for($i=0; $i<$numRows; $i++)   
    echo "\t<tr>" . implode('', array_fill(0, $cols, '<td></td>')) . "</tr>\n\n";  

?>  
</table>  


<script>  

// make a js array from the php array
images = [  
<?php   

foreach( $images as $v)  
    echo sprintf("\t'%s',\n", $v);  

?>];  

tbl = document.getElementsByTagName('table')[0];  

td = tbl.getElementsByTagName('td');  

// fill the empty table cells with the img tags
for(var i=0; i < images.length; i++)  
    td[i].innerHTML = images[i];  


// event handler to place clicked image into CKeditor
tbl.onclick =   

    function(e) {  

        var tgt = e.target || event.srcElement,  
            url;  

        if( tgt.nodeName != 'IMG' )  
            return;  

        url = '<?php echo $dir;?>' + '/' + tgt.title;  

        this.onclick = null;  

        // $_GET['CKEditorFuncNum'] was supplied by CKeditor
        window.opener.CKEDITOR.tools.callFunction(<?php echo $_GET['CKEditorFuncNum']; ?>, url);  

        window.close();  
    }  
</script>  
</body>  
</html>

Try http://www.roxyfileman.com - bu büyük ve entegre etmek gerçekten çok kolay. CKEditor ile çalışmak için özel dosya tarayıcı yüklemek ve yapılandırmak için nasıl ayrıntılı talimatlar vardır.

etiketler