Web applications 所见即所得,图像复制/粘贴

Web applications 所见即所得,图像复制/粘贴,web-applications,html,wysiwyg,copy-paste,clipboard-interaction,Web Applications,Html,Wysiwyg,Copy Paste,Clipboard Interaction,首先,我明白图像不能从本地机器“复制”到网站。我知道它必须上传。我是一名网络程序员,熟悉常见的网络所见即所得工具,如TinyMCE和FCKEditor。我的问题是,是否有一个程序或网络模块或类似的东西可以自动上传所见即所得的图像。我有一个客户经常抱怨无法将带有MS Word图像的文档复制/粘贴到wysiwyg中,从而在其网站上创建内容 我已经研究了TX Text Control(),并且正在研究一种可能是flash的所见即所得(wysiwyg),它可以在后台自动上传文件。我不知道这是否存在,谷歌

首先,我明白图像不能从本地机器“复制”到网站。我知道它必须上传。我是一名网络程序员,熟悉常见的网络所见即所得工具,如TinyMCE和FCKEditor。我的问题是,是否有一个程序或网络模块或类似的东西可以自动上传所见即所得的图像。我有一个客户经常抱怨无法将带有MS Word图像的文档复制/粘贴到wysiwyg中,从而在其网站上创建内容

我已经研究了TX Text Control(),并且正在研究一种可能是flash的所见即所得(wysiwyg),它可以在后台自动上传文件。我不知道这是否存在,谷歌在我的搜索中帮不了我多少忙,所以我想我应该问问其他的程序员

我对任何类型的服务器技术或浏览器要求都持开放态度。我正在寻找一些基于浏览器的工具,而不是应用程序工具,如Dreamweaver或其他

如果这个问题没有很好的解决办法,我愿意接受这一点


注意:这是一个客户的请求,对我来说似乎很不合理。我决定收集社区建议,而不是仅仅告诉客户“不”,这里的选项在提出可能的解决方案时非常有用,并且提供了大量信息。

您可以研究。

您可能会从中找到灵感

基本上,您需要不同的部件:

  • 将图像从剪贴板中取出并上传到web的东西:可以是java小程序、flash或firefox扩展。Flash或Java具有跨浏览器的优势
  • 然后使用
    标签在图像上传后显示图像(用于将
    画布
    带到Internet Explorer)
正如我在评论中指出的,谷歌正在停止使用Gear,转而支持HTML5,看看吧

编辑:

HTML5在实现时应该与系统的剪贴板交互。我认为下面的场景会起作用:

  • 使用
    toDataURL()
    将画布像素数据作为图像返回:请参阅
  • 提交时将图像上载到服务器:请参阅

在实现HTML5复制/粘贴拖放之前,您必须依靠或(签名)与剪贴板交互。

仅限HTML

您可以使用(拖放时)自动创建一个不可见的HTML表单、一个文件输入、将文件名路径复制到文件输入并提交表单的功能

您可以在不可见的iframe中创建表单,以便在后台发送表单,而无需更改当前页面。你知道,标准的Ajax程序

拖放/粘贴的一点帮助

我不知道HTML是否允许删除文件项。如果没有,你可以看看谷歌正在努力推进的HTML5规范

另一种选择是使用某种富客户端组件(带有Swing或Flash的Java小程序,或Silverlight或wathever),至少可以掌握文件的删除(或粘贴)和创建HTML表单

我为什么喜欢发送表格

与发送文件的小程序相比,我更喜欢创建表单,因为它不需要服务器上的其他特殊端口或类似端口

我有一个客户经常抱怨无法将带有MS Word图像的文档复制/粘贴到wysiwyg中,从而在其网站上创建内容

这将失败。MS Word无法创建有效的HTML,对于一致浏览器的用户,这些页面将显示为断页。Word还有一些奇怪的方法来锚定无法翻译的图像和流动文本。简而言之,Word是一个糟糕的HTML创作环境

当然,您的客户可能不会接受我们的选择2:


由于您的客户选择Word作为其所见即所得编辑器,因此将该内容粘贴到另一个所见即所得编辑器中几乎没有意义。您的最佳解决方案是研究从Word或OPen Office自动导出HTML的方法。这可以使用VBA和服务器端脚本的组合来完成,首先将文档转换为HTML(这也会将图像写入磁盘),然后将组合的内容上载到服务器。

我理解您客户的困境。我也在做同样的事情,但目前没有什么优先权,所以我不能给出任何解决方案,只是一些注释

  • 当我将保存的OpenOffice文档(与未保存的文档不兼容)中的图像复制并粘贴到CKEDitor实例中时-我这里没有MS Word可供测试,但我假设其工作原理类似-我将以下HTML插入到编辑器中:

    可能需要调整Flash或Java上传程序,以便在用户很少交互的情况下获取该文件。能够从用户的计算机上获取文件是一个可怕的安全漏洞,但至少可以预先设置一个临时目录的上传程序

  • 然而,我发现Gregory Pakosz提到的Canvas方法最有趣,因为这种方法可以在服务器端静默地存储图像,而无需任何上传。但是,与上面示例中相同的安全限制仍然适用:图像位于不同的域中,因此页面上的脚本无法读取。人们必须找到一种方法,使用浏览器设置或编写自定义扩展名来解决这个问题


    • 如果我正确理解了你的问题, 你的客户可能会有任意的词 文件,其中一些文件 可能包含图像

      您所描述的内容与内容类似 在某些方面进行管理并创建静态 其他网站中的网页

      我假设你的客户希望访客