Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery TinyMCE是否有拖放/粘贴图像插入(上传)插件或类似插件?_Jquery_Html_Tinymce - Fatal编程技术网

Jquery TinyMCE是否有拖放/粘贴图像插入(上传)插件或类似插件?

Jquery TinyMCE是否有拖放/粘贴图像插入(上传)插件或类似插件?,jquery,html,tinymce,Jquery,Html,Tinymce,在Gmail中,可以通过从本地文件浏览器(而不是url)拖动图像或将复制的图像粘贴到其中,在新消息/回复窗口中上载内联图像 有没有一种简单的方法可以将此功能添加到TinyMCE编辑器中?如果没有,如何以最佳和/或最简单的方式完成 进一步资料/需要: 定义的“放置区域”不可用,因为放置/粘贴的图像必须正好出现在用户在TinyMCE窗口中放置/粘贴图像的位置(即文本的两段之间) 最好在上传至或上传后处理/调整图像大小,即最大500kb 出于与上述相同的原因——以及易于使用的原因——用户应该不会看到

在Gmail中,可以通过从本地文件浏览器(而不是url)拖动图像或将复制的图像粘贴到其中,在新消息/回复窗口中上载内联图像

有没有一种简单的方法可以将此功能添加到TinyMCE编辑器中?如果没有,如何以最佳和/或最简单的方式完成

进一步资料/需要:

  • 定义的“放置区域”不可用,因为放置/粘贴的图像必须正好出现在用户在TinyMCE窗口中放置/粘贴图像的位置(即文本的两段之间)
  • 最好在上传至或上传后处理/调整图像大小,即最大500kb
  • 出于与上述相同的原因——以及易于使用的原因——用户应该不会看到任何对话框,就像Gmail刚刚开始上传图像一样,不会提出任何问题
  • 任何拖放/粘贴到TinyMCE的图像都将通过Amazon简单存储服务(S3)存储。来自Tiny的文本将存储在我们的数据库中。将粘贴的图像存储在数据库中而不是AmazonS3可能是一种选择(使用Heroku和PostgreSQL)
  • 文本和图像(以正确的顺序/上下文)应在稍后的计时器中再次呈现给用户,因此在拖放/粘贴图像或保存TinyMCE表单时,必须将带有图像信息的占位符或类似内容写入TinyMCE,以便我们在将来需要检索图像时知道要显示的图像以及文本中的位置
  • 该网站正在使用Rails 3.1.3,很快将升级到3.2
  • 仅HTML5是好的,即HTML4兼容性并不重要
非常感谢!:-)


另外,我在SO上搜索了类似的问题,但没有找到正确的解决方案。

我使用了plupload很多次,发现它非常有用,适用于html4,当浏览器没有flash、silverlight或html5时,这是一个要求。你看过了吗?我记得看过Amazon和S3。祝你好运

好吧,这有点奇怪。甚至编辑器也使用base64进行编码:

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

我想这是可以的,但是有4-5张大小合理的照片观看帖子会导致服务器负载跳到疯狂的水平。。http采用100%等。。如果有一两个人在看这篇文章,我们就会关门。有趣的是,它们在编辑器中显示得很好——这是当你保存并发布时,当痛苦来临时。不太清楚为什么这会对apache造成如此大的冲击,显示帖子(在编辑器中看起来不错)

您可以尝试,它具有拖放支持

你也可以通过(或改编自)


希望这能有所帮助。

非常感谢:-)我会看一看,看看它是否有用。你们俩在plupload和tinymce的联合使用中都取得了成功吗?你能允许将图像拖放到tinymce中,然后上传和存储这些图像/文件吗?嗨,Manachi,不,我从来没有尝试过将这两个结合使用,对不起。这就是你想要的吗?“要不然就告诉我。谢谢,”布拉斯拉弗雷德说。我希望它是一个开箱即用的东西,即TinyMCE的插件。另外,jQuery文件Uplaod确实上传了带有缩略图的文件,但我想在TinyMCE编辑器中显示完整的图像(就像你在Gmail中将图像拖放到邮件体窗口一样)。这是我的问题的答案还是另一个问题的答案?你提到的是一个“帖子”——我没有提到:)他指的是当你将一个图像拖放到TinyMCE后,点击save/submit时会发生什么。它将图像作为base64编码的数据uri“发布”到服务器,然后您必须以某种方式处理它。