5

在 Gmail 中，只需从本地文件浏览器（不是 url）拖放图像或将复制的图像粘贴到其中，即可在新消息/回复窗口中上传内嵌图像。

有没有一种简单的方法可以将此功能添加到 TinyMCE 编辑器？如果没有，关于如何以最好和/或最简单的方式做到这一点的任何想法？

更多信息/需求：

  • 定义的“拖放区”不可用，因为拖放/粘贴的图像必须准确地出现在用户在 TinyMCE 窗口中拖放/粘贴的位置（即在两段文本之间）。
  • 在上传时或上传后处理/调整图像大小，即最大值。500kb 会更好。
  • 出于与上述相同的原因 - 并且出于易于使用的原因 - 不应向用户显示任何对话框，就像 Gmail 刚开始上传图片一样，不提出任何问题。
  • 任何拖放/粘贴到 TinyMCE 的图像都将使用 Amazon Simple Storage Service (S3) 进行存储。来自 Tiny 的文本将存储在我们的数据库中。将粘贴的图像存储在数据库中而不是 Amazon S3 中可能是一种选择（将 Heroku 与 PostgreSQL 一起使用）。
  • 文本和图像 - 以正确的顺序/上下文 - 应在稍后的计时器再次呈现给用户，因此在拖放/粘贴图像时，或保存 TinyMCE 表单时，必须使用占位符或类似的图像信息被写入 TinyMCE 以便我们知道在未来某个时间需要检索时要在文本中显示哪个图像和位置。
  • 网站使用的是 Rails 3.1.3，即将升级到 3.2。
  • 只有 HTML5 很好，即 HTML4 兼容性并不重要。

非常感谢！:-)

PS。我用谷歌搜索+在 SO 上查看了类似的问题，但没有找到正确的解决方案。

4

3 回答 3

2

我已经使用了很多 plupload，发现它非常有用，适用于 html4，这是当浏览器没有 flash、silverlight 或 html5 时的要求。你看过了吗？我记得在Amazon 和 S3 上看到过这个。祝你好运！

于 2012-08-02T20:48:35.237 回答
1

您可以尝试支持拖放的jQuery File Upload 。

你也可以通过25+ jQuery Drag and Drop Plugins （或改编其中之一） 。

希望这可以帮助。

于 2012-08-12T13:30:27.520 回答
0

好吧，这有点奇怪。甚至编辑器也使用了使用 base64 进行编码的技巧：

<img alt="" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQ..

我想这没问题，但是查看帖子时 4-5 张合理大小的照片会导致服务器负载跳到疯狂的水平.. http 占用 100% 等.. 如果超过一两个人在查看帖子，它会让我们关闭. 有趣的是，它们在编辑器中显示得很好——当你保存并发布时，痛苦就来了。不太清楚为什么这个 apache 如此难以显示帖子（在编辑器中看起来不错）

于 2012-08-12T13:28:48.157 回答