2010-09-03 26 views
9

¿Cómo se integra CKFinder con el nuevo CKEditor?¿Cómo integrar CKFinder con CKEditor?

Es muy poco documentado en el sitio web, y literalmente estoy llegando a ninguna parte.

Una guía paso a paso sería muy apreciada ya que, hasta donde yo sé ... esta es la única solución de carga de imágenes gratuita/buena para un editor wysiwyg que sirve. ¿Alguien puede confirmar?

Gracias

Respuesta

1

consultar el sitio documentación en su idioma del servidor: http://docs.cksource.com/CKFinder_2.x Por ejemplo esta parte de la documentación de PHP: http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

Y por cierto, CKFinder no es libre, debe obtener una licencia con el fin de usarlo

+0

Revisé los documentos para usar CKFinder 3 - y la integración simplemente no funcionó ... También dices que no es gratis ... meh. ¿Hay algún editor WYSIWYG que tenga capacidades de carga de imágenes que sea de uso gratuito en una plataforma simple de 3 dominios de blog que estoy desarrollando? Gracias –

1

En primer lugar, debe tener un cuadro de texto para convertir a CKEditor:

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

Entonces todo lo que necesita es algo de código Javascript para el conversión de este texteditor a una instancia de CKEditor y la integración de este editor con CKFinder.

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

El segundo parámetro de la función setupCKEditor debe ser la carpeta en su sitio web a la que subió CKFinder.

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

2

trate de hacer los pasos siguientes.

1. Descargue CKEditor y CKFinder. El código integrado puede estar disponible en http://dwij.co.in/ckeditor-ckfinder-integration-using-php/
2. Ponga el código extraído de ambos en una carpeta dentro de xampp como se muestra a continuación. 3. Cree un archivo de índice (index.html) que contendrá el editor como se indica a continuación.

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

por lo que su estructura de carpetas será algo como esto:

 
htdocs 
|_integrated 
    |_ckeditor 
    | |_config.js 
    | |_... 
    |_ckfinder 
    | |_config.php 
    | |_... 
    |_uploads 
    |_index.html 
  1. config.php archivo ahora abierta en el interior CKFinder & maquillaje siguientes cambios:

    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. Ahora abierto url http://localhost/integrated/ y prueba cargar la imagen.