diecoding / yii2-dropify
Override your input files with style for Yii2
Fund package maintenance!
sugeng-sulistiyawan
Installs: 3 421
Dependents: 2
Suggesters: 0
Security: 0
Stars: 4
Watchers: 2
Forks: 1
Open Issues: 0
Requires
- php: >=7.4.0
- npm-asset/dropify: ~0.2
- yiisoft/yii2: ~2.0
Requires (Dev)
- phpunit/phpunit: ~9.5.0
README
Override your input files with style for Yii2
Yii2 Dropify uses Dropify
Demo: http://jeremyfagis.github.io/dropify
Table of Contents
Instalation
Package is available on Packagist, you can install it using Composer.
composer require diecoding/yii2-dropify "^1.0"
or add to the require section of your composer.json
file.
"diecoding/yii2-dropify": "^1.0"
Dependencies
- PHP 7.4+
- yiisoft/yii2
- npm-asset/dropify
Usage
Forms/Views
use diecoding\dropify\Dropify; // Simple echo Dropify::widget([ 'name' => 'image', ]); // Advanced echo Dropify::widget([ 'name' => 'image', 'options' => [ // options for input widget ], 'pluginOptions' => [ // options for dropify, as output `$(#options['id']).dropify(pluginOptions);` // @see https://github.com/JeremyFagis/dropify#options ], 'imgFileExtensions' = [ // Animated Portable Network Graphics 'apng', // AV1 Image File Format 'avif', // Graphics Interchange Format 'gif', // Joint Photographic Expert Group image 'jpeg', 'jpg', 'jpeg', 'jfif', 'pjpeg', 'pjp', // Portable Network Graphics 'png', // Scalable Vector Graphics 'svg', // Web Picture format 'webp', // Bitmap file 'bmp', // Microsoft Icon 'ico', 'cur', // Tagged Image File Format 'tif', 'tiff', ], 'skipCoreAssets' => false, // (bool) default `false`, `true` if use custom or external dropify assets ]); // Simple with $model / ActiveField echo $form->field($model, 'image')->widget(Dropify::class); // Advanced with $model / ActiveField echo $form->field($model, 'image')->widget(Dropify::class, [ 'options' => [ // options for input widget ], 'pluginOptions' => [ // options for dropify, as output `$(#options['id']).dropify(pluginOptions);` // @see https://github.com/JeremyFagis/dropify#options ], 'imgFileExtensions' = [ // Animated Portable Network Graphics 'apng', // AV1 Image File Format 'avif', // Graphics Interchange Format 'gif', // Joint Photographic Expert Group image 'jpeg', 'jpg', 'jpeg', 'jfif', 'pjpeg', 'pjp', // Portable Network Graphics 'png', // Scalable Vector Graphics 'svg', // Web Picture format 'webp', // Bitmap file 'bmp', // Microsoft Icon 'ico', 'cur', // Tagged Image File Format 'tif', 'tiff', ], 'skipCoreAssets' => false, // (bool) default `false`, `true` if use custom or external dropify assets ]);
Read more docs: https://sugengsulistiyawan.my.id/docs/opensource/yii2/dropify/