Image Crop para el CKEditor

Preguntas frecuentes

No funciona

Necesitamos que nos explique el problema mejor: ¿Tiene algún mensaje de error?, ¿Funciona mal? ¿Qué navegador y sistema operativo está usando?. Envie un mail a info@uritec.es explicando el problema

Uso Explorer 8, 9 ó 10

Estas versiones de navegador no están soportadas por ImageCrop. Para usar ImageCrop actualice su Internet Explorer a la versión 11 ó Chrome o Firefox.

Uso la última versión de Chrome y no puedo pegar/arrastrar imágenes en el editor

Si usando Chrome no puede pegar/arrastrar imágenes y usando Firefox o Explorer las imágenes que se añaden a su servidor se quedan con src="base64.... " entonces el componente de SimpleUploads no está bien instalado.

No veo el botón "Añadir imagen"

Esto indica que el componente SimpleUploads no está correctamente instalado. Por favor, compruebe que ha configurado el parámetro filebrowserUploadUrl en su editor.

¿Cómo se configura el parámetro filebrowserUploadUrl?

Ese es el parámetro que indica al editor que script tiene que usar para manejar las imágenes que los usuarios añaden al editor. La configuración de su editor necesita una línea como la siguiente:

 config.filebrowserUploadUrl= '/uploader/upload.php?type=Files';

Puede ver un ejemplo básico de dicho script aquí. Puede descargar diversos ejemplos de scripts en varios lenguajes desde este repositorio de GitHub para adaptarlos a su web.

También tiene disponible este tutorial paso a paso para configurar la subida de ficheros en CKEditor

Si copio o arrastro una imagen de otra web no pasa nada

Este plugin solo puede trabajar con las imágenes:

  • que estén alojadas en su propio servidor
  • que el usuario añada desde su ordenador
  • de un servidor remoto que tenga CORS configurado correctamente

ImageCrop necesita que al arrastrarlas desde otro servidor, estas se copien en su servidor. Sólo así ImageCrop podrá trabajar con ellas para recortarlas y guardarlas. Si necesita un plugin para copiar las imágenes de cualquier web a su servidor, pruebe ImagesFromServer.

¿Puedo usar otro script para subir ficheros al servidor?

Nuestro plugin ImageCrop no gestiona la subida de ficheros, ni la detección de cuando el usuario intenta añadir una imagen al editor arrastrando o copiando desde su ordenador.

Es por ello que utilizamos el API proporcionado por el plugin SimpleUploads que sí realiza todas esas tareas. A su vez, este plugin se encarga solo de la parte del usuario, requiere de una parte de servidor que lleve a cabo la tarea de grabar los ficheros en su servidor.

Este script de servidor puede ser un gestor de ficheros como CKFinder o la versión alternativa KCFinder, o bien scripts personalizados que sólo se encarguen de grabar los ficheros que se añadan al servidor sin incluir la parte de gestor de ficheros. De hecho, puede haber otros gestores de ficheros que no implementen el API de CKEditor para subida rápida de ficheros y por tanto no pueden ser usados por SimpleUploads, que como hemos dicho es la forma en la que nuestro plugin detecta las imágenes cuando se añaden y procede a enviarlas al servidor.

¿Puede integrarse con otros plugins?

Si usted tienen un plugin en el que usa las funciones estandar de CKEditor para incluir la opción de subida de ficheros en un diálogo, ImageCrop puede detectar automáticamente esas subidas y ofrecerle al usuario el escalar la imagen antes de subirla. Esta integración se basa en la funcionalidad de SimpleUploads; basta con definir en su diálogo un campo QuickUpload y adicionalmente puede añadir una propiedad requiresImage: true para que a la hora de elegir ficheros solo se puedan añadir imágenes:

{
    type : 'fileButton',
    id : 'uploadButton',
    filebrowser :
    {
    action : 'QuickUpload',
    target: 'info:txtUrl',
    url : editor.config.filebrowserImageUploadUrl || editor.config.filebrowserUploadUrl,
    requiresImage : true
    },
    label : lang.uploadImage,
    'for' : [ 'info', 'upload' ],
    hidden : true
}