Esiste un plug-in di inserimento/caricamento di immagini con trascinamento della selezione (upload) o simile per TinyMCE?

Question

In Gmail è possibile caricare un'immagine in linea nella nuova finestra di messaggio/risposta semplicemente trascinando un'immagine dal browser file locale (non url) o incollando un'immagine copiata in essa.

C'è un modo semplice per aggiungere questa funzionalità a un editor TinyMCE? In caso negativo, qualche idea su come ciò potrebbe essere fatto nel modo migliore e/o più semplice?

Ulteriori informazioni/esigenze:

• A definite "drop zone" non è utilizzabile, in quanto l'immagine caduto/incollata deve comparire esattamente dove cade l'utente/l'incolla nella finestra TinyMCE (cioè tra due paragrafi di testo).
• Elaborazione/ridimensionamento dell'immagine su o dopo il caricamento su i.e. max. Sarebbe preferibile 500kb.
• Per lo stesso motivo di cui sopra - e per motivi di facile utilizzo - l'utente non dovrebbe mostrare finestre di dialogo, proprio come Gmail inizia appena a caricare l'immagine, senza fare domande.
• Qualsiasi immagine scartata/incollata su TinyMCE deve essere memorizzata con Amazon Simple Storage Service (S3). Il testo di Tiny sarà archiviato nel nostro database. Memorizzare le immagini incollate nel database invece di Amazon S3 potrebbe essere un'opzione (usando Heroku con PostgreSQL).
• Il testo e l'immagine (s) - in ordine/contesto corretti - devono essere presentati all'utente nuovamente in un secondo momento, quindi quando si rilascia/incolla l'immagine, o quando si salva il modulo TinyMCE, un segnaposto o simile con il le informazioni sull'immagine devono essere scritte su TinyMCE in modo da sapere quale immagine e dove nel testo visualizzare quando è necessario recuperarla in futuro.
• Il sito Web utilizza Rails 3.1.3, che sarà presto aggiornato alla versione 3.2.
• HTML5 va bene, ovvero la compatibilità HTML4 non è importante.

Grazie mille! :-)

PS. Ho cercato su Google + ho visto domande simili qui in SO senza trovare la soluzione giusta.

Answer 1

Ho usato un po 'di plupload e l'ho trovato molto utile, funziona bene per html4 che era un requisito quando i browser non hanno flash o silverlight o html5. Hai già guardato? Ricordo di aver visto this su Amazon e S3. In bocca al lupo!

Answer 2

Ok, questo è un po 'strano. Anche gli editori usano il trucco di codificare utilizzando base64:

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

che credo sia OK, ma con 4-5 foto di ragionevoli dimensioni di visualizzazione del post ha causato i carichi dei server per passare a livelli folli .. http prendendo 100% ecc. ci spegne se più di una o due persone stanno visualizzando il post. La cosa divertente è che si mostrano bene nell'editor - è quando si salva e si pubblica quando il dolore colpisce. Non realmente sicuro perché questo ha colpito apache visualizzazione così difficile del post (quando l'editor sembrava bella)

Answer 3

Puoi provare jQuery File Upload che ha ottenuto il drag & goccia di sostegno.

Inoltre si può andare anche se (o adattarne uno da) 25+ jQuery Drag and Drop Plugins.

Spero che questo aiuti.