TinyMCE için bir sürükle bırak/yapıştır görüntü ekleme (yükleme) eklentisi mi yoksa benzer mi?

Question

Gmail'de, görüntüyü yerel dosya tarayıcısından (URL değil) sürükleyerek veya kopyalanan görüntüye yapıştırarak yeni mesaj/yanıt penceresine bir satır içi resim yüklemek mümkündür.

Bu işlevi bir TinyMCE düzenleyicisine eklemenin kolay bir yolu var mı? Değilse, bunun nasıl en iyi ve/veya en kolay şekilde yapılabileceği ile ilgili herhangi bir fikir?

ayrıntılı bilgi/ihtiyaçlar:

• Bir kullanıcı düşünceye düştü/yapıştırılan görüntü iki paragraf arasında/tam yani TinyMCE penceresinde pastaları o (görünmelidir olarak "bırakma bölgesi", kullanışlı değildir tanımlanmış metin).
• Görüntünün üzerine veya sonraya işlenmesi/yeniden boyutlandırılması maks. 500kb tercih edilebilir.
• Yukarıdakiler gibi aynı nedenlerden dolayı ve kullanımı kolay nedenlerden ötürü, kullanıcının yalnızca görüntüyü yüklemeye başladığı gibi, hiçbir soru sorulmadan, hiçbir iletişim kutusu gösterilmemesi gerekir.
• TinyMCE'ye bırakılan/yapıştırılan tüm resimler Amazon Basit Depolama Hizmeti (S3) ile depolanacaktır. Tiny'den gelen metinler veritabanımızda saklanacaktır. Yapıştırılan görüntü (ler) in Amazon S3 yerine veritabanında saklanması bir seçenek olabilir (PostgreSQL ile Heroku kullanarak).
• Metin ve resim (ler) - doğru sırada/bağlamda - kullanıcıya daha sonraki bir zamanlayıcıda, görüntüyü düşürürken/yapıştırırken veya TinyMCE formunu kaydederken, bir yer tutucu veya benzeriyle birlikte sunulur. görüntü bilgisi TinyMCE'ye yazılmalıdır, bu yüzden gelecekte hangi görüntüyü almamız gerektiğinde hangi resmin ve metinde görüntüleneceğini biliyoruz.
• Web sitesi Rails 3.1.3 kullanıyor, yakında 3.2'ye yükseltilecek. HTML5 yalnızca iyi, yani HTML4 uyumluluğu önemli değildir.

Çok teşekkür ederim! :-)

PS. Ben googled + doğru çözüm bulmaksızın SO burada benzer sorulara baktı.

Answer 1

Plupload'u biraz kullandım ve çok kullanışlı buldum, html4 için iyi çalışıyor, bu da tarayıcıların flash veya silverlight veya html5 içermemesiydi. Buna daha baktın mı? Amazon ve S3 ile ilgili this'u gördüğümü hatırlıyorum. İyi şanslar!

Answer 2

Tamam, bu biraz tuhaf. http% 100 alarak tamam ama sonrası izleme makul büyüklükte 4-5 fotoğraflarla sunucu yükleri deli seviyelere atlamak için neden tahmin

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

..: Hatta editörler kullanarak base64 kodlamak için hile kullanır vs .. Eğer bir ya da iki folktan yazıyı görüntülüyor olsaydı bizi kapattı. Komik olan şey editörde iyi görünmeleridir - bu acıyı vurduğunda kaydedip yayınladığınızda. Bu çok zor Sen sürükle & damla desteği var jQuery File Upload deneyebilir

Answer 3

(editörü gayet iyi görünüyordu) yazı görüntüleyen apache neden vurduğunu Gerçekten emin değilim.

Ayrıca, 25+ jQuery Drag and Drop Plugins numaralı telefondan da (ya da bunlardan birini adapte ederek) gidebilirsiniz.

Bu yardımcı olur umarım.