2010-09-03 28 views
9

Come si integra CKFinder con il nuovo CKEditor.Come integrare CKFinder con CKEditor?

È molto sottodocumentato sul sito Web e non sto letteralmente andando da nessuna parte.

Una guida passo dopo passo sarebbe molto apprezzata in quanto, per quanto ne so ... questa è l'unica soluzione di upload di immagini gratuite/buone per un editor wysiwyg che è un bene. Qualcuno può confermare?

Grazie

risposta

1

controllare il sito documentazione per il linguaggio server: http://docs.cksource.com/CKFinder_2.x Per esempio questa parte la documentazione PHP: http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

E btw, CKFinder non è libero, è necessario ottenere una licenza al fine di usalo

+0

Ho controllato i documenti per l'utilizzo di CKFinder 3 - e l'integrazione semplicemente non funzionava ... Inoltre dici che non è gratuito .. meh. Esiste un editor WYSIWYG con funzionalità di caricamento delle immagini che è libero di utilizzare su una semplice piattaforma di blogging a 3 dominio che sto sviluppando? Grazie –

1

In primo luogo è necessario disporre di una casella di testo da convertire in CKEditor:

<textarea id="newTextArea">Some text</textarea> 

Poi tutto quello che serve è un po 'di codice javascript per la conversione di questo texteditor in un'istanza di CKEditor e integrazione di questo editor con CKFinder.

<script type="text/javascript"> 
    var newCKEdit = CKEDITOR.replace('newTextArea'); 
    CKFinder.setupCKEditor(newCKEdit, '/ckfinder/'); 
</script> 

Il secondo parametro della funzione setupCKEditor deve essere la cartella nel vostro sito web in cui hai caricato CKFinder.

http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

2

provare a fare passaggi seguenti.

1. Scarica CKEditor e CKFinder. Il codice integrato può essere disponibile su http://dwij.co.in/ckeditor-ckfinder-integration-using-php/
2. Inserisci il codice estratto di entrambi in una cartella all'interno di xampp come indicato di seguito. 3. Creare il file indice (index.html) che conterrà l'editor come sotto il codice.

<html> 
    <head> 
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 
    <script type="text/javascript" src="ckfinder/ckfinder.js"></script> 
    </head> 
    <body> 
     <h1>CKEditor CKFinder Integration using PHP</h1> 
     <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea> 
    <script type="text/javascript"> 
    var editor = CKEDITOR.replace('editor1', { 
     filebrowserBrowseUrl : 'ckfinder/ckfinder.html', 
     filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?type=Images', 
     filebrowserFlashBrowseUrl : 'ckfinder/ckfinder.html?type=Flash', 
     filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', 
     filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', 
     filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash' 
    }); 
    CKFinder.setupCKEditor(editor, '../'); 
    </script> 
    </body> 
    </html> 

modo la struttura delle cartelle sarà qualcosa di simile:

 
htdocs 
|_integrated 
    |_ckeditor 
    | |_config.js 
    | |_... 
    |_ckfinder 
    | |_config.php 
    | |_... 
    |_uploads 
    |_index.html 
  1. Ora aperto config.php file all'interno di CKFinder & make seguenti modifiche:

    function CheckAuthentication() { 
        // WARNING : DO NOT simply return "true". By doing so, you are allowing 
        // "anyone" to upload and list the files in your server. You must implement 
        // some kind of session validation here. Even something very simple as... 
        // return isset($_SESSION['IsAuthorized']) && $_SESSION['IsAuthorized']; 
        return true; // not good option though; go for sessions 
    } 
    $baseUrl = 'http://localhost/integrated/uploads/'; 
    $enabled = true; 
    $config['SecureImageUploads'] = false; 
    $config['ChmodFolders'] = 0777 ; 
    
  2. Ora aperto url http://localhost/integrated/ e prova a caricare l'immagine.