Wysiwyg con copiar/pegar imágenes [cerrado]

Puedes buscar en arrastrar y soltar la carga con Google Gears.

Veo que este es un hilo viejo, pero en caso de que alguien todavía esté buscando algo como esto (como yo), me encontré con un producto llamado textbox.io esta noche de una compañía llamada Ephox (parece que compraron TinyMCE también).

De todos modos, este es el primer, si no solo, editor javascript/HTML5 que he encontrado que pega con éxito imágenes de word utilizando un plugin propietario que llaman PowerPaste. En la pasta inicial, se le pide que pulse pegar de nuevo con el fin de importar el images. Funcionó como un encanto-el único problema que tuve fue que es increíblemente caro para una startup como la que estoy involucrado en+ 500 + por mes (±R6, 650 + por mes en ZAR), que los precios de nuestras opciones desafortunadamente: (

Tengo un cliente que está constantemente quejándose de no poder copiar/pegar documentos con imágenes de MS Word en un wysiwyg para crear contenido en su sitio web.

Y esto fallará. MS Word no crea HTML válido, las páginas aparecerán rotas para los usuarios de navegadores conformes. Word también tiene algunos métodos extraños de anclar imágenes y texto fluido que no se traducirá. En resumen, Word es un entorno pobre para la creación de HTML.

Por supuesto su los clientes probablemente no aceptarán lo que nos lleva a la opción 2:

Dado que su cliente ha optado por Word como su editor WYSIWYG, no tiene mucho sentido pegar ese contenido en otro editor WYSIWYG. Su solución óptima es buscar formas de automatizar la exportación HTML desde Word u Open Office. Esto se puede hacer usando una combinación de VBA y un script del lado del servidor para convertir primero el documento a HTML (esto también escribirá las imágenes en el disco) y luego cargar el documento combinado contenido al servidor.

No hay opción directa disponible en asp.net, pero usted puede hacer esto

Http://www.codeproject.com/KB/graphics/ClipboardActiveX.aspx

Solo HTML

Podría usar algo que (al arrastrar y soltar) crea automáticamente un formulario HTML invisible, una entrada de archivo, copiar la ruta del nombre del archivo en la entrada de archivo y enviar el formulario.

Puede crear el formulario dentro de un iframe invisible para enviarlo en segundo plano sin cambiar la página actual. Ya sabes, procedimiento Ajax estándar.

Un poco de ayuda para soltar/pegar

No se si HTML permite soltar elementos de archivo. Si ¿no se puede ver la especificación HTML 5 que Google está tratando de hacer adelante.

Otra opción es usar algún tipo de componente cliente enriquecido (Applet Java con Swing o Flash, o Silverlight, o wathever) al menos para captar la caída del archivo (o el pegado) y crear el formulario HTML.

Por qué prefiero enviar un formulario

Prefiero la creación del formulario sobre el applet que envía el archivo porque no requiere otro puerto especial en el servidor o algo así.

Entiendo la situación de su cliente. Estoy trabajando en lo mismo, pero con poca prioridad en este momento, por lo que no puedo presentar ninguna solución, solo algunas notas.

• Cuando copio + pego una imagen de un guardado documento OpenOffice (no funciona con uno no guardado) en una instancia de CKEDitor - No tengo MS Word aquí para probar, pero supongo que funciona de manera similar - obtengo el siguiente HTML insertado en el editor:

  <img src="file:///C:/Users/PEKKAG%7E1/AppData/Local/Temp/moz-screenshot-4.png">

  Podría ser posible para modificar un cargador de Flash o Java de manera que este archivo se pueda obtener con muy poca interacción del usuario. Ser capaz de recuperar archivos desde el ordenador del Usuario es un agujero de seguridad horrible pero podría ser posible al menos preestablecer un cargador en el directorio temp.

• Sin embargo, el método Canvas que menciona Gregory Pakosz me parece el más interesante, porque de esta manera podría ser posible almacenar la imagen en el servidor lado en silencio, sin ninguna carga. Sin embargo, se aplican las mismas restricciones de seguridad que en el ejemplo anterior: La imagen está en un dominio diferente y, por lo tanto, no puede ser leída por un script en la página. Uno tendría que encontrar una manera de evitar eso usando la configuración del navegador o escribiendo una extensión personalizada.

Si entiendo su pregunta correctamente, su cliente podría tener cualquier palabra al azar documento y que algunos de estos documentos puede contener imágenes.

Lo que parece estar describiendo es similar al contenido gestión en algunos aspectos y para crear estática páginas web en otros.

Asumiré que su cliente quiere visitantes a su sitio web para ver tales documentos como páginas HTML y no como tipos MIME de palabras.

Algunas opciones:

• Use Word para guardar como HTML. No es el HTML más limpio pero probablemente la solución más limpia.

• Haga que su cliente compre un producto como Dreamweaver que ambos importarán su documento de Word y limpia el HTML generado por Word.

• Si su cliente tiene mucho dinero, desarrolle una solución usando VSTO

Mi pregunta es si existe un programa o módulo web o algo del tipo que funciona realizará una carga automática de imágenes para un wysiwyg

XStandard Pro cargará imágenes al servidor pegadas desde Word u otras aplicaciones/sistema de archivos.

Al buscar una solución similar, noté que GMail lo permite si está copiando y pegando desde un navegador.

Si copia de Word, parece conocer las dimensiones de la imagen (puede ver un contorno de la imagen), pero en realidad no pega/carga la imagen.

Desde aplicaciones de escritorio que no son de oficina no parece haber soporte.

Así que en la suposición de que los ingenieros de Google han dedicado un tiempo serio a esto, sospecho que no es capaz de aplicaciones de escritorio todavía, pero tal vez si pudiera encontrar una manera rápida de guardar el contenido en la web (por ejemplo, utilizando el blog de Word o Guardar como funciones HTML), podría copiar y pegar desde eso, si su cliente está preparado para dar ese paso adicional y puede dejarlos guardar directamente en un servidor web.

Nick

El editor WYSIWYG llamado Redactor permite copiar y pegar imágenes directamente en el editor en lugar de hacer clic en el botón subir imagen.

Aquí está un enlace a su ejemplo de copiar y pegar.