StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POIs there a drag-drop/paste image insertion (upload) plugin or similar for TinyMCE?
text
Body
copied!<p>In Gmail it is possible to upload an inline image in the new message/reply window by simply drag-dropping an image from the local file browser (not url) or pasting a copied image into it.</p> <p>Is there an easy way to add this functionality to a TinyMCE editor? If not, any ideas for how this could be done the best and/or easiest way?</p> <p>Further info/needs: </p> <ul> <li>A defined "drop zone" is not usable, as the dropped/pasted image must appear exactly where the user drops/pastes it in the TinyMCE window (i.e. between two paragraphs of text).</li> <li>Processeing/resizing the image on or after upload to i.e. max. 500kb would be preferable.</li> <li>For the same reason as above - and for easy-of-use reasons - the user should be shown no dialogs, just like Gmail just begins uploading the image, no questions asked.</li> <li>Any images dropped/pasted to TinyMCE are to be stored with Amazon Simple Storage Service (S3). Text from Tiny will be stored in our database. Storing the pasted image(s) in the database instead of Amazon S3 could be an option (using Heroku with PostgreSQL).</li> <li>The text and image(s) - in correct order/context - shall be presented to the user again at a later timer, so when dropping/pasting the image, or when saving the TinyMCE form, a placeholder or similar with the image info must be written to TinyMCE so we know which image and where in the text to display when we need to retrieve it sometime in the future. </li> <li>Website is using Rails 3.1.3, soon to be upgraded to 3.2.</li> <li>HTML5 only is fine, i.e. HTML4 compatability is not important.</li> </ul> <p>Thank you so much! :-)</p> <p>PS. I have googled + looked at similar questions here at SO without finding the right solution.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload