Image Crop for CKEditor

Requisitos

  • CKEditor 4. Actualmente el plugin solo está soportado para CKEditor 4.x; si necesita una versión para el CKEditor 3, póngase en contacto con nosotros para que estudiemos la posibilidad de la adaptación a esta versión del CKEditor.
  • Subida de ficheros configurada en el CKEditor. Vea aquí un tutorial para configurar la Subida de ficheros.
  • SimpleUploads. Image Crop requiere tener instalado el componente SimpleUploads plugin. Si no dispone de este componente, cómprelo previamente o inclúyalo en las opciones de compra.
    Según los desarrolladores del CKEditor, algunas de estas características estarán en al próxima versión del CKEditor. Cuando la nueva versión esté disponible, comprobaremos la posibilidad de evitar el uso del plugin SimpleUploads.
  • Navegadores: Para obtener el mayor partido de Image Crop, se recomienda emplear versiones actualizadas del navegador de internet (IE10 y anteriores no están soportadas). El IE11 no soporta el giro automático de las imágenes hechas con los iPhone.
IE11 Chrome Firefox Posibilidades

Puede copiar una imagen (o parte de ella) al portapapeles con programas como Photoshop, Paint.net, etc. y luego pegarla en el editor usando  Ctrl+V

Puede seleccionar una imagen de su escritorio o de su explorador de ficheros y arrastrarla sobre el editor

   

Puede seleccionar un fichero de su escritorio, copiarla al portapapeles con Ctrl+C y luego ponerla en el editor usando Ctrl+V

 

Instalación (1/2): Copie los ficheros

Extraiga el contenido del zip en el directorio de plugins del CKEditor, de manera que quede como lo siguiente:

ckeditor\
        ...
        images\
        lang\
        plugins\
               ...
               imagecrop\
                       plugin.js
                       dialog\
                       docs\
                       lang\
               ...
        skins\
        themes\

 

Instalación (2/2): Añada el plugin al CKEditor

A continuación abra su fichero de configuración config.js (o su fichero de configuración personalizada) y añada una linea como la siguiente:

config.extraPlugins='simpleuploads,imagecrop';

Si lo desea, consulte otras opciones para añadir el plugin al CKEditor