Wysiwyg with image copy/paste [closed]

Answer 1

HTML only

You could use something that (on drag and drop) automatically creates an invisible HTML form, a file input, copy the path of the filename into the fileinput and submit the form.

You can create the form inside an invisible iframe to send it in the background without changing the current page. You know, standard Ajax procedure.

A little help for dropping/pasting

I don't know if HTML allows dropping file items. If it doesn't you can look at the HTML 5 specification that Google is trying to make forward.

Another option is using some kind of rich client component (Java Applet with Swing or Flash, or Silverlight, or wathever) at least to grasp the dropping of the file (or the pasting) and creating the HTML form.

Why I prefer sending a form

I prefer the creating of the form over the applet sending the file because it doesn't require another special port at the server or something like that.

Answer 2

The WYSIWYG editor called Redactor allows for copy-pasting images directly into the editor rather than clicking an upload image button.

Here's a link to their copy-paste example.

Answer 3

My question is if there exists a program or web module or something of the sort that works will perform an automatic upload of images for a wysiwyg

XStandard Pro will upload images to the server pasted from Word or other applications/file system.

Answer 4

In looking for a similar solution, I noticed that GMail allows it if you're copying and pasting from a browser.

If you copy from Word it seems to know the dimensions of the image (you can see an outline of the image) but it doesn't actually paste/upload the image.

From non-Office desktop apps there appears to be no support.

So on the assumption that Google engineers have dedicated some serious time to this, I suspect that it's not do-able from desktop apps yet but maybe if you could find a quick way to save the content to the web (e.g. using Word's blog or Save as HTML features) you could then copy and paste from that, if your client is prepared to take that extra step and you're able to let them save directly to a web server.

Nick

Answer 5

You might find inspiration from ScreenshotMe.

Basically you need different parts:

• something that takes the image out of the clipboard and uploads it to the web: this could be a java applet, flash or firefox extensions. Flash or Java would have the advantage of being cross browser
• then you use the <canvas> tag to display the image once it has been uploaded (use explorercanvas to bring canvas to Internet Explorer)

As I pointed out in my comment, Google is discontinuing gears in favor of HTML5, have a look at 7 User Interaction - HTML 5.

EDIT:

HTML5 when implemented is supposed to interact with the system's clipboard. I imagine the following scenario would work:

• paste the image data from clipboard to canvas
• get the canvas pixel data back as an image using toDataURL(): see Canvas2Image
• upload the image to server when submitting: see Saving canvas image with PHP

Until HTML5 copy/paste drag&drop is implemented, you'll have to rely on Flash or a (signed) Java applet to interact with the clipboard.

Answer 6

If I understand your question correctly, your client could have any random Word document and that some of these documents might contain images.

What you appear to be describing is akin to content management in some respects and to creating static web pages in others.

I'll assUme that your client wants visitors to their website to view such documents as HTML pages and not as Word MIME types.

Some options:

• use Word to save as HTML. Not the cleanest HTML but likely the cleanest solution.

• have your client purchase a product like Dreamweaver which will both import their Word document and clean up Word's generated HTML.

• if your client has lots of money, develop a custom solution using VSTO