Gibt es ein Drag-Drop/Paste-Bildeinfügungs- (Upload) -Plugin oder ähnliches für TinyMCE?

Question

In Google Mail ist es möglich, ein Inline-Bild im neuen Nachrichten-/Antwortfenster hochzuladen, indem Sie einfach ein Bild aus dem lokalen Dateibrowser (nicht URL) ziehen oder ein kopiertes Bild einfügen.

Gibt es eine einfache Möglichkeit, diese Funktionalität einem TinyMCE-Editor hinzuzufügen? Wenn nicht, irgendwelche Ideen, wie dies am besten und/oder am einfachsten gemacht werden könnte?

Weitere Informationen/Anforderungen:

• A definiert „Drop-Zone“ nicht verwendbar ist, wie das abgelegte/Einfügen Bild muss genau erscheinen, wo der Benutzer fällt/Pasten es im TinyMCE Fenster (dh zwischen zwei Absätzen von Text).
• Verarbeiten/Ändern der Größe des Bildes beim oder nach dem Hochladen auf z. B. max. 500kb wäre vorzuziehen.
• Aus dem gleichen Grund wie oben - und aus Gründen der Benutzerfreundlichkeit - sollte der Benutzer keine Dialoge angezeigt werden, so wie Gmail nur das Hochladen des Bildes, keine Fragen gestellt.
• Alle Bilder, die in TinyMCE abgelegt/eingefügt werden, werden mit Amazon Simple Storage Service (S3) gespeichert. Text von Tiny wird in unserer Datenbank gespeichert. Das Speichern der eingefügten Bilder in der Datenbank anstelle von Amazon S3 könnte eine Option sein (mit Heroku mit PostgreSQL).
• Der Text und die Bilder - in korrekter Reihenfolge/Kontext - sollen dem Benutzer zu einem späteren Zeitpunkt erneut präsentiert werden, also beim Ablegen/Einfügen des Bildes, oder beim Speichern des TinyMCE Formulars, eines Platzhalters o.ä. Bildinformationen müssen in TinyMCE geschrieben werden, damit wir wissen, welches Bild und wo im Text angezeigt werden sollen, wenn wir es in Zukunft wieder abrufen müssen.
• Website verwendet Rails 3.1.3, bald auf 3.2 aktualisiert werden.
• HTML5 ist nur in Ordnung, d. H. HTML4-Kompatibilität ist nicht wichtig.

Vielen Dank! :-)

PS. Ich habe gegoogelt + ähnliche Fragen hier bei SO betrachtet, ohne die richtige Lösung zu finden.

Answer 1

Ich habe plupload ziemlich oft verwendet und fand es sehr nützlich, funktioniert gut für html4, die eine Voraussetzung war, wenn die Browser nicht Flash oder Silverlight oder HTML5 haben. Hast du das schon angeschaut? Ich erinnere mich an this über Amazon und S3 zu sehen. Viel Glück!

Answer 2

Ok das ist irgendwie komisch. Auch nutzen die Redakteure den Trick mit Base64 zu codieren:

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

die ich schätze, OK ist, aber mit 4-5 Fotos von angemessener Größe sieht die Post verursachte die Serverlasten zu verrückt Ebenen zu springen .. http unter 100% etc .. es hat uns heruntergelassen, wenn mehr als ein oder zwei Leute den Beitrag gesehen haben. Das Lustige ist, dass sie im Editor gut angezeigt werden - es ist, wenn Sie speichern und veröffentlichen, wenn der Schmerz trifft. Nicht wirklich sicher, warum dies Apache getroffen so schwer, den Beitrag anzuzeigen (wenn im Editor es sah gut aus)

Answer 3

Sie können versuchen, jQuery File Upload, die Drag & Drop-Unterstützung & bekam.

Sie können auch gehen (oder eine davon anpassen) 25+ jQuery Drag and Drop Plugins.

Hoffe, das hilft.