2017-08-20 4 views
0

J'ai un projet . J'utilise Ckeditor et Elfinder pour télécharger des images dans mes billets.Comment ajouter TinyPNG à Ckeditor & Elfinder?

Normalement, j'utilise TinyPng phi api pour optimiser mes autres images. Mais je ne peux pas intégrer TinyPng api à ckeditor&elfinder.

Existe-t-il un moyen de le faire?

Répondre

1

Je vous recommande d'installer laravel-image-optimizer par Spatie, fondamentalement, il met en place un middleware qui détecte quand la demande contient une image et il transmet les optimiseurs d'image corrects que vous avez installés dans votre système automatiquement.

Pour l'installer exécuter:

composer require spatie/laravel-image-optimizer 

Et ajouter à votre fichier de configuration app.php:

// config/app.php 
'providers' => [ 
    ... 
    Spatie\LaravelImageOptimizer\ImageOptimizerServiceProvider::class, 
]; 

Et:

// config/app.php 
'aliases' => [ 
    ... 
    'ImageOptimizer' => Spatie\LaravelImageOptimizer\ImageOptimizerFacade::class, 
]; 

Pour l'utiliser envelopper le point final de téléchargement avec le middleware :

Route::middleware('optimizeImages')->group(function() { 
    // all images will be optimized automatically 
    Route::post('upload-images', '[email protected]); 
}); 

Comme mentionné dans la documentation des optimiseurs pris en charge par défaut sont:

Le paquet utilisera ces optimiseurs si elles sont présentes sur votre système :

  • jpegoptim
  • OptiPNG
  • Pngquant 2
  • SVGO
  • Gifsicle

Si vous voulez, par tous les moyens, d'utiliser votre optimiseur, ce paquet vous a couvert, il suffit de suivre this section de la documentation.

J'espère que cela vous aide.

+0

ça a l'air cool, je vais l'essayer. Je suis également content de la puissance de compression de TinyPng. Mais je ne pouvais pas trouver un moyen de l'utiliser avec ckeditor:/ –

+0

@ YalınSemer Je n'ai jamais utilisé cet optimiseur mais ceux pris en charge par le paquet sont très bons et recommandés par plusieurs autorités comme Google – Asur

+0

@ YalınSemer J'ai mis à jour la réponse avec plus loin informations sur l'ajout de votre optimiseur personnalisé – Asur