Saltar al contenido

CKEditor en CodeIgniter

Si hallas algún problema en tu código o proyecto, recuerda probar siempre en un entorno de testing antes subir el código al trabajo final.

Solución:

Utilizo estos pasos para agregar ckeditor a mis aplicaciones de codeigniter:

1) Descarga estos archivos:

  • Esto para CKeditor: http://pastebin.com/fkK9e0RR
  • Esto para Ckfinder: http://pastebin.com/SvyypmX4

2) Copie los archivos que acaba de descargar en su Aplicación/bibliotecas carpeta

3) Descargue el asistente de ckeditor aquí: http://pastebin.com/Cd3GqYbx

4) Copie el último archivo en aplicación/ayudante carpeta como ckeditor_helper.php

5) Descargue el controlador CKeditor aquí: http://pastebin.com/UD0bB9ig

6) Copie el controlador en su aplicación/controladores carpeta como ckeditor.php

7) Descargue el proyecto principal de ckeditor del sitio oficial: http://ckeditor.com/download/

8) Copie la carpeta ckeditor que acaba de descargar en su carpeta de activos (si lo desea, también puede descargar el proyecto ckfinder y ponerlo en la misma carpeta)

9) Agregue esta línea de js a su archivo de vista (ajuste la ruta):



10) En su controlador, agregue este código php y ajuste la ruta:

$this->load->library('ckeditor');
$this->load->library('ckfinder');



$this->ckeditor->basePath = base_url().'asset/ckeditor/';
$this->ckeditor->config['toolbar'] = array(
                array( 'Source', '-', 'Bold', 'Italic', 'Underline', '-','Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo','-','NumberedList','BulletedList' )
                                                    );
$this->ckeditor->config['language'] = 'it';
$this->ckeditor->config['width'] = '730px';
$this->ckeditor->config['height'] = '300px';            

//Add Ckfinder to Ckeditor
$this->ckfinder->SetupCKEditor($this->ckeditor,'../../asset/ckfinder/'); 

11) En su opinión, imprima el editor con:

echo $this->ckeditor->editor("textarea name","default textarea value");

De lo contrario, podrías hacer esto:

  1. copie los archivos de CKEditor a una carpeta en la raíz de su fuente, por ejemplo, ckeditor
  2. Incluya los archivos CKEditor en su archivo de vista

     
            
    
  3. finalmente su área de texto en su documento html

     
                                       
    

Esto funciona muy bien para mí. ¡Disfrutar!

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *