WYSIWYG Editor çıkışı için Otomatik Görüntü resizer?

2 Cevap php

Ortak sorun, zaman CKEditor, kullanıcıların, editör içinde resim yüklemek, onları gömmek, ve sonra onları yeniden boyutlandırmak olabilir gibi WYSIWYG Editörler kullanan son kullanıcılar için İçerik Yönetim Sistemleri bina.

Içeriği kaydettikten sonra, gömülü (orijinal) görüntü URL'ler uygun biçimde yeniden meslektaşları tarafından değiştirilmesi gerekir. Bu yüklenen gelen bir huge kaynak dosyası önlemek için otomatik olarak yeniden boyutlandırılır gereken - elle 300 x 300 Piksel için WYSIWYG editörü yeniden boyutlandırılabilir bir kullanıcı tarafından yüklenen bir 3000 x 3000 fotoğrafı düşünün.

Görev oldukça basittir, ve bunu ben yerine :) arıyorum yüzden düzenli ifadelerle de olsa bir kaç kez (uyguladık - bakınız, görüntüler için arama, DOM yürümek olsun boyutu görüntü kaynak dosyası img etiketinde belirtilenden farklıdır ve eğer, otomatik olarak bir tane resized tarafından orijinal görüntüsünü değiştirin.

Yol boyunca birkaç küçük tuhaflıklar (bazı WYWSIYG editörler vs width="300", diğerleri width: 300px CSS sürümü kullanmayı tercih) vardır.

Benim sorum, bu iyi yapan bir hazır, yüksek kaliteli PHP çözüm yoktur, ve dikkate tuhaflıklar alır?

2 Cevap

Kullanımı Bu görüntü resizer deneyin: http://shiftingpixel.com/2008/03/03/smart-image-resizer/

Benim geliştirmede kullanmak ettik, size resim dosyası yüklemek ve aslında orijinal görüntü dosyasını değiştirmek olmadan boyutu ne olursa veya optimum performans için kırpılmış kısmına dayalı önbellek dosyası oluşturabilirsiniz.

Örnek:

<img src="/image.php/coffee-bean.jpg?width=200&amp;height=200&amp;image=/wp-content/uploads/2008/03/coffee-bean.jpg" alt="Coffee Bean" />

i yukarıda belirtilen yerinde image.php dosyayı indirmek ve image.php dosyasına parametre olarak hedeflenen görüntü adını geçmek ve daha sonra bunun için önbellek dosyası üretecektir olabilir, emin resim klasör izni yürütülmesi için hazır olduğunu ve olun değişiklik.

Benim için: i yüklü eklenti ile TinyMCE editörü kullanmak ImageManager. yani orada yapılandırma php de çıktı küçük resim boyutunu yapılandırabilirsiniz. ve bu boyutta daha yüklenen görüntü büyük eğer (büyük resim göstermek için bazı jquery eklentileri kullanmak mümkün yüzden de yapılandırabilirsiniz resized biri için css stil. thickbox gibi) küçük parmağını göreceksiniz

etiketler