2011-12-13 16 views
8

Estoy buscando un complemento tinymce o una solución jquery externa fácil de integrar en tinymce que permita arrastrar y soltar la carga e inserción de imágenes en un cuadro de texto tinymce, ya sea directamente soltando la imagen el texto mismo o en una "zona de lanzamiento" definida, algo similar al botón de carga de medios nuevos en Wordpress o, incluso mejor, sin mostrar ningún cuadro de diálogo.Arrastrar y soltar el plugin de imágenes y carga para tinymce

No quiero funciones adicionales como un navegador de galería o gestión de repositorio de imágenes, ya intenté varios complementos que hacen eso y el cliente lo encuentra demasiado tedioso y complicado, solo quiere soltar la imagen y olvidarse de ella, ya que él no va a usar esa imagen nunca más.

+0

Hola Borgtex. ¿Encontraste una solución? Estoy buscando algo similar. – rassom

+2

Tenía que hacer algo como esto. Mi solución fue enviar el texto, con las imágenes base64, al servidor y luego al servidor, extraer el uris base64 del Dom, escribirlos en un archivo, reemplazar el SRC con la ruta al archivo recién creado, luego enviar el texto a la base de datos. – chiliNUT

+0

@chiliNUT Esa es una solución interesante. ¿Tuviste éxito continuo con esto? ¿Qué hay de las imágenes extremadamente grandes? ¿Hubo algún problema allí? – Manachi

Respuesta

2

¿Qué navegadores necesitas apoyar?

¿Has probado simplemente arrastrando y soltando una imagen en un área de texto de TinyMCE? Codificará la imagen en base64 y usará esa codificación como el valor para el atributo src de la etiqueta de imagen. Dado que el cliente "no volverá a utilizar esa imagen nunca más", podría tratarse de una solución temporal, especialmente si las imágenes son muy pequeñas, como logotipos y similares.

Alternativamente, muchas personas tienen éxito con https://github.com/valums/file-uploader para la funcionalidad de carga con arrastrar y soltar, pero no estoy seguro de cómo lo integraría con TinyMCE.

+0

no, codificación la imagen en base64 no es una opción, ya que se puede mostrar en navegadores que no la admiten, también las imágenes pueden ser de cualquier tamaño. He intentado hacerlo con Valums File Uploader con cierto éxito, pero con mi limitado conocimiento de JavaScript y la falta de ejemplos, es bastante difícil adaptarlo a mis necesidades. – Borgtex