Wysiwyg与图像复制/粘贴 [英] Wysiwyg with image copy/paste

问题描述

首先，我了解图像不能从本地机器复制到网站中。我知道必须上传。我是一名网络程序员，熟悉常见的网络体验工具，如TinyMCE和FCKEditor。我的问题是，如果存在一个程序或网络模块或类似的工作将执行一个wysiwyg图像的自动上传。我有一位客户经常抱怨不能将MS Word中的图像复制/粘贴到wysiwyg中，以便在其网站上创建内容。

我已经研究过TX Text Control（ http：// labs .textcontrol.com / ）并且正在调查可能会在幕后自动上传文件的闪存所见即所得。我不知道这是否存在，谷歌在我的搜索中没有太多帮助，所以我想我会问其他编码人员。

我喜欢任何类型的服务器技术或浏览器要求。我正在寻找一些基于浏览器的工具，而不是诸如Dreamweaver或其他应用程序工具。

如果不存在问题的良好解决方案，我愿意在此时接受。

注意：这是客户的要求，对我而言似乎相当不合理。我决定收集社区建议，而不是仅仅告诉客户'不'，这里的选项对于提供可能的解决方案非常有帮助和信息丰富。

您可能会从 ScreenshotMe 中找到灵感。

基本上你需要不同的部分：

• 将图像从剪贴板中取出并上传到网络：这可能是一个java applet，flash或firefox扩展。 Flash或Java的优点是可以跨浏览器


• 然后使用< canvas> 标签显示图片已上传（使用 explorercanvas 将画布到Internet Explorer）

正如我在评论中指出的那样，谷歌正在停止支持HTML5，看一看 7个用户互动 - HTML 5 。

编辑：

实施HTML5应该与系统剪贴板交互。我想下面的情况会起作用：

• 将剪贴板中的图像数据粘贴到画布上


• 使用<$获取画布像素数据作为图像c $ c> toDataURL（）：参见 Canvas2Image


• 在提交时将图像上传到服务器：请参阅保存画布图像使用PHP

在实施HTML5复制/粘贴拖放之前，您必须依赖 Flash 或（带符号） Java applet 与剪贴板进行交互。

First, I understand that an image cannot be "copied" from a local machine into a website. I understand that it must be uploaded. I am a web programmer, and am familiar with common web wysiwyg tools such as TinyMCE and FCKEditor. 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. I have a client that is constantly complaining about not being able to copy/paste documents with images from MS Word into a wysiwyg to create content on their website.

I have looked into TX Text Control (http://labs.textcontrol.com/) and was looking into a possibly flash wysiwyg that could upload the file automatically behind the scenes. I don't know if this exists, and google did not much help me in my search, so I thought I would ask other coders.

I am open to any sort of server technology, or browser requirements. I am looking for some browser based tool instead of an application tool such as Dreamweaver or otherwise.

If no good solution to the problem exists, I am willing to accept that at this point.

Note: This was a request from a client, and to me it seemed rather unreasonable. I decided to gather community advice instead of just tell the client 'No' and the options here have been extremely helpful and informative in presenting possible solutions.

解决方案

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.

这篇关于Wysiwyg与图像复制/粘贴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！