Page d'accueil>Ressources de création de sites Web>Autres ressources
Télécharger

Widget Redactor Imperavi pour yii 2

Imperavi Redactor Widget est un emballage pour Imperavi Redactor 10.2.5, un éditeur WYSIWYG de haute qualité.

Notez qu'Imperavi Redactor lui-même est un logiciel de copyre commercial propriétaire, mais comme la communauté YII a acheté une licence OEM, vous pouvez l'utiliser gratuitement avec YII.

Installer

La façon préférée d'installer cette extension est via le compositeur.

Soit courir 

$ php composer.phar require --prefer-dist vova07/yii2-imperavi-widget " * "

ou ajouter 

 "vova07/yii2-imperavi-widget" : " * "

à la section require de votre fichier composer.json .

Usage

Une fois l'extension installée, utilisez-le simplement dans votre code:

Comme un widget 

 echo  vova07  imperavi Widget:: widget ([
    ' name ' => ' redactor ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' plugins ' => [
            ' clips ' ,
            ' fullscreen ' ,
        ],
        ' clips ' => [
            [ ' Lorem ipsum... ' , ' Lorem... ' ],
            [ ' red ' , ' <span class="label-red">red</span> ' ],
            [ ' green ' , ' <span class="label-green">green</span> ' ],
            [ ' blue ' , ' <span class="label-blue">blue</span> ' ],
        ],
    ],
]);

Comme un widget actif formel 

 use vova07  imperavi  Widget ;

echo $ form -> field ( $ model , ' content ' )-> widget (Widget:: className (), [
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' plugins ' => [
            ' clips ' ,
            ' fullscreen ' ,
        ],
        ' clips ' => [
            [ ' Lorem ipsum... ' , ' Lorem... ' ],
            [ ' red ' , ' <span class="label-red">red</span> ' ],
            [ ' green ' , ' <span class="label-green">green</span> ' ],
            [ ' blue ' , ' <span class="label-blue">blue</span> ' ],
        ],
    ],
]);

Comme un widget pour une TextArea prédéfinie 

 echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' plugins ' => [
            ' clips ' ,
            ' fullscreen ' ,
        ],
        ' clips ' => [
            [ ' Lorem ipsum... ' , ' Lorem... ' ],
            [ ' red ' , ' <span class="label-red">red</span> ' ],
            [ ' green ' , ' <span class="label-green">green</span> ' ],
            [ ' blue ' , ' <span class="label-blue">blue</span> ' ],
        ],
    ],
]);

Ajouter des images qui ont déjà été téléchargées 

 // DefaultController.php
public function actions ()
{
    return [
        ' images-get ' => [
            ' class ' => ' vova07imperaviactionsGetImagesAction ' ,
            ' url ' => ' http://my-site.com/images/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
            ' options ' => [ ' only ' => [ ' *.jpg ' , ' *.jpeg ' , ' *.png ' , ' *.gif ' , ' *.ico ' ]], // These options are by default.
        ],
    ];
}

// View.php
echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' imageUpload ' => Url:: to ([ ' default/image-upload ' ]),
        ' imageManagerJson ' => Url:: to ([ ' /default/images-get ' ]),
        ' plugins ' => [
            ' imagemanager ' ,
        ],
    ],
]);

Ajouter des fichiers qui ont déjà été téléchargés 

 // DefaultController.php
public function actions ()
{
    return [
        ' files-get ' => [
            ' class ' => ' vova07imperaviactionsGetFilesAction ' ,
            ' url ' => ' http://my-site.com/files/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
            ' options ' => [ ' only ' => [ ' *.txt ' , ' *.md ' ]], // These options are by default.
        ],
    ];
}

// View.php
echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' fileUpload ' => Url:: to ([ ' default/file-upload ' ]),
        ' fileManagerJson ' => Url:: to ([ ' /default/files-get ' ]),
        ' plugins ' => [
            ' filemanager ' ,
        ],
    ],
]);

Télécharger l'image 

 // DefaultController.php
public function actions ()
{
    return [
        ' image-upload ' => [
            ' class ' => ' vova07imperaviactionsUploadFileAction ' ,
            ' url ' => ' http://my-site.com/images/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
        ],
    ];
}

// View.php
echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' imageUpload ' => Url:: to ([ ' /default/image-upload ' ]),
        ' plugins ' => [
            ' imagemanager ' ,
        ],
    ],
]);

Télécharger le fichier 

 // DefaultController.php
public function actions ()
{
    return [
        ' file-upload ' => [
            ' class ' => ' vova07imperaviactionsUploadFileAction ' ,
            ' url ' => ' http://my-site.com/files/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
            ' uploadOnlyImage ' => false , // For any kind of files uploading.
        ],
    ];
}

// View.php
echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' fileUpload ' => Url:: to ([ ' /default/file-upload ' ]),
        ' plugins ' => [
            ' filemanager ' ,
        ],
    ],
]);

Télécharger et remplacer un fichier par le même nom 

 // DefaultController.php
public function actions ()
{
    return [
        ' file-upload ' => [
            ' class ' => ' vova07imperaviactionsUploadFileAction ' ,
            ' url ' => ' http://my-site.com/files/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
            ' uploadOnlyImage ' => false , // For any kind of files uploading.
            ' unique ' => false ,
            ' replace ' => true , // By default it throw an excepiton instead.
        ],
    ];
}

// View.php
echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' fileUpload ' => Url:: to ([ ' /default/file-upload ' ]),
        ' plugins ' => [
            ' filemanager ' ,
        ],
    ],
]);

Télécharger le fichier et transmettre son nom 

 // DefaultController.php
public function actions ()
{
    return [
        ' file-upload ' => [
            ' class ' => ' vova07imperaviactionsUploadFileAction ' ,
            ' url ' => ' http://my-site.com/files/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
            ' uploadOnlyImage ' => false , // For any kind of files uploading.
            ' unique ' => false ,
            ' translit ' => true ,
        ],
    ];
}

// View.php
echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' fileUpload ' => Url:: to ([ ' /default/file-upload ' ]),
        ' plugins ' => [
            ' filemanager ' ,
        ],
    ]
]);

Ajouter des plugins personnalisés 

 echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' plugins ' => [
            ' clips ' ,
            ' fullscreen '
        ]
    ],
    ' plugins ' => [
        ' my-custom-plugin ' => ' appassetsMyPluginBundle ' ,
    ],
]);

Activer le gestionnaire d'images personnalisé avec des fonctionnalités de suppression 

 // DefaultController.php
public function actions ()
{
    return [
        ' images-get ' => [
            ' class ' => ' vova07imperaviactionsGetImagesAction ' ,
            ' url ' => ' http://my-site.com/images/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
        ],
        ' image-upload ' => [
            ' class ' => ' vova07imperaviactionsUploadFileAction ' ,
            ' url ' => ' http://my-site.com/images/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
        ],
        ' file-delete ' => [
            ' class ' => ' vova07imperaviactionsDeleteFileAction ' ,
            ' url ' => ' http://my-site.com/statics/ ' , // Directory URL address, where files are stored.
            ' path ' => ' /var/www/my-site.com/web/statics ' , // Or absolute path to directory where files are stored.
        ],
    ];
}

// View.php
echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' imageUpload ' => Url:: to ([ ' /default/image-upload ' ]),
        ' imageDelete ' => Url:: to ([ ' /default/file-delete ' ]),
        ' imageManagerJson ' => Url:: to ([ ' /default/images-get ' ]),
    ],
    ' plugins ' => [
        ' imagemanager ' => ' vova07imperavibundlesImageManagerAsset ' ,              
    ],
]);

Activer le gestionnaire de fichiers personnalisé avec des fonctionnalités de suppression 

 // DefaultController.php
public function actions ()
{
    return [
        ' files-get ' => [
            ' class ' => ' vova07imperaviactionsGetFilesAction ' ,
            ' url ' => ' http://my-site.com/images/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
        ],
        ' file-upload ' => [
            ' class ' => ' vova07imperaviactionsUploadFileAction ' ,
            ' url ' => ' http://my-site.com/files/ ' , // Directory URL address, where files are stored.
            ' path ' => ' @alias/to/my/path ' , // Or absolute path to directory where files are stored.
            ' uploadOnlyImage ' => false , // For any kind of files uploading.
        ],
        ' file-delete ' => [
            ' class ' => ' vova07imperaviactionsDeleteFileAction ' ,
            ' url ' => ' http://my-site.com/statics/ ' , // Directory URL address, where files are stored.
            ' path ' => ' /var/www/my-site.com/web/statics ' , // Or absolute path to directory where files are stored.
        ],
    ];
}

// View.php
echo  vova07  imperavi Widget:: widget ([
    ' selector ' => ' #my-textarea-id ' ,
    ' settings ' => [
        ' lang ' => ' ru ' ,
        ' minHeight ' => 200 ,
        ' fileUpload ' => Url:: to ([ ' /default/file-upload ' ]),
        ' fileDelete ' => Url:: to ([ ' /default/file-delete ' ]),
        ' fileManagerJson ' => Url:: to ([ ' /default/files-get ' ]),
    ],
    ' plugins ' => [
        ' filemanager ' => ' vova07imperavibundlesFileManagerAsset ' ,              
    ],
]);

Essai 

$ phpunit

Plus d'informations

Veuillez consulter la documentation Imperavi Redactor V10 pour plus d'informations sur ses options de configuration.

Contributif

Veuillez consulter la contribution pour plus de détails.

Crédits

  • Crudu vasile
  • Tous les contributeurs

Licence

La licence BSD (BSD). Veuillez consulter le fichier de licence pour plus d'informations.

Guide de mise à niveau

Veuillez vérifier le guide de mise à niveau pour plus de détails.

Développer
Informations supplémentaires
Applications connexes
Recommandé pour vous
Actualités connexes Tout