Anleitung zur Integration von CKFinder mit CKEditor?

Wie integrieren Sie CKFinder mit dem neuen CKEditor.

Ist es sehr underdocumented auf der website, und ich bin buchstäblich nirgends bekommen.

Eine Schritt für Schritt Anleitung wäre sehr dankbar, da, soweit ich informiert bin.. das ist das einzige Kostenlose/gute Bild-upload-Lösung für einen wysiwyg-editor, der ist gut. Kann das jemand bestätigen?

Dank

InformationsquelleAutor Thomas Clowes | 2010-09-03
  1. 3

    Finden Sie ein tutorial über die Integration von CKFinder mit CKEditor hier:
    http://www.webshaolin.com/index.php?page=article&articleid=40

    InformationsquelleAutor Sam
  2. 2

    Versuchen Sie folgende Schritte.

    1. Download CKEditor und CKFinder. Integrierte code Mai auf http://dwij.co.in/ckeditor-ckfinder-integration-using-php/

    2. Setzen extrahierten code sowohl in einem Ordner in xampp, wie unten beschrieben.
    3. Create index-Datei (index.html), die wird mit dem editor unten code.

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

    also Ihre Ordner-Struktur so etwas wie dieses:

    htdocs 
|_integrated 
|_ckeditor 
| |_config.js 
| |_... 
|_ckfinder 
| |_config.php 
| |_... 
|_uploads 
|_index.html

    1. Öffnen Sie nun die Datei config.php innerhalb ckfinder & machen Sie folgende änderungen:

      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. Öffnen Sie nun die url http://localhost/integrated/ und versuchen Sie den Upload Bild.
    InformationsquelleAutor Web Developer in Pune
  3. 1

    Überprüfen Sie die Dokumentation Standort für Ihre server Sprache: http://docs.cksource.com/CKFinder_2.x
    Zum Beispiel dieser Teil der PHP-Dokumentation: http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

    Und btw, CKFinder ist nicht frei, müssen Sie eine Lizenz bekommen, um es zu benutzen.

    • Ich habe die docs für die Verwendung von CKFinder 3 - und integration einfach nicht funktioniert... Auch Sie sagen, es ist nicht kostenlos.. meh. Gibt es eine WYSIWYG-editor für die Bild-upload-Funktionen, die kostenlos zu benutzen, der auf einer einfachen 3-domain-blogging-Plattform, die ich entwickle? Dank
    InformationsquelleAutor AlfonsoML
  4. 1

    Zuerst müssen Sie haben eine textbox zu konvertieren, um CKEditor:

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

    Dann alles, was Sie brauchen, ist etwas javascript-code für die Umsetzung dieser texteditor ein CKEditor Instanz und die integration dieser editor mit dem CKFinder.

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

    Den zweiten parameter der setupCKEditor Funktion müssen Sie den Ordner in Ihrer website, wo Sie hochgeladen ckfinder.

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

    InformationsquelleAutor Hüseyin Yağlı
Schreibe einen Kommentar