2010-09-03 15 views
9

Comment intégrez-vous CKFinder avec le nouveau CKEditor?Comment intégrer CKFinder avec CKEditor?

Il est très sous-documenté sur le site Web, et je ne reçois littéralement nulle part. Un guide étape par étape serait grandement apprécier car, pour autant que je sache .. c'est la seule solution de téléchargement d'image libre/bon pour un éditeur de Wysiwyg qui est tout bon. Quelqu'un peut-il confirmer?

Merci

Répondre

1

Consultez le site de documentation de votre langue serveur: http://docs.cksource.com/CKFinder_2.x Par exemple cette partie de la documentation PHP: http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

Et BTW, CKFinder n'est pas libre, vous devez obtenir une licence pour utilise le.

+0

J'ai vérifié les documents pour l'utilisation de CKFinder 3 - et l'intégration n'a tout simplement pas fonctionné ... Aussi, vous dites que ce n'est pas gratuit .. meh. Y at-il un éditeur WYSIWYG qui a des capacités de téléchargement d'images qui est libre d'utiliser sur une simple plate-forme de blogging à 3 domaines que je développe? Merci –

1

Tout d'abord, vous devez avoir une zone de texte à convertir en CKEditor:

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

Ensuite, tout ce dont vous avez besoin est du code javascript pour la conversion de ce texteditor en instance CKEditor et intégration de cet éditeur avec CKFinder.

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

Le deuxième paramètre de la fonction setupCKEditor doit être le dossier dans votre site Web où vous avez téléchargé CKFinder.

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

2

Essayez de faire comme suit.

1. Téléchargez CKEditor et CKFinder. Le code intégré peut être disponible sur http://dwij.co.in/ckeditor-ckfinder-integration-using-php/
2. Mettez le code extrait des deux dans un dossier à l'intérieur de xampp comme ci-dessous. 3. Créez un fichier index (index.html) qui contiendra l'éditeur comme ci-dessous.

<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> 

si la structure de votre dossier sera quelque chose comme ceci:

 
htdocs 
|_integrated 
    |_ckeditor 
    | |_config.js 
    | |_... 
    |_ckfinder 
    | |_config.php 
    | |_... 
    |_uploads 
    |_index.html 
  1. maintenant ouvert config.php fichier à l'intérieur CKFinder & font suite à des changements:

    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. maintenant ouvert url http://localhost/integrated/ et essayez de télécharger l'image.
Questions connexes