Inicio>Recursos para la creación de sitios web>Otros recursos
Descargar

Widget Redactor de ImperVi para YII 2

Imperavi Redactor Widget es un envoltorio de Imperavi Redactor 10.2.5, un editor Wysiwyg de alta calidad.

Tenga en cuenta que ImperVi Redactor en sí es un software comercial con derechos de autor comercial, pero dado que YII Community compró una licencia OEM, puede usarlo de forma gratuita con YII.

Instalar

La forma preferida de instalar esta extensión es a través del compositor.

O CORRE 

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

o agregar 

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

a la sección require su archivo composer.json .

Uso

Una vez que se instala la extensión, simplemente úsela en su código:

Como 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> ' ],
        ],
    ],
]);

Como un widget activo 

 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> ' ],
        ],
    ],
]);

Como un widget para una textura predefinida 

 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> ' ],
        ],
    ],
]);

Agregar imágenes que ya se han subido 

 // 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 ' ,
        ],
    ],
]);

Agregar archivos que ya se han cargado 

 // 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 ' ,
        ],
    ],
]);

Cargar imagen 

 // 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 ' ,
        ],
    ],
]);

Archivo de carga 

 // 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 ' ,
        ],
    ],
]);

Cargar y reemplazar un archivo con el mismo nombre 

 // 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 ' ,
        ],
    ],
]);

Cargar archivo y traducir su nombre 

 // 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 ' ,
        ],
    ]
]);

Agregar complementos personalizados 

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

Habilitar Administrador de imágenes personalizados con funcionalidad Eliminar 

 // 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 ' ,              
    ],
]);

Habilitar el Administrador de archivos personalizado con la funcionalidad Eliminar 

 // 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 ' ,              
    ],
]);

Pruebas 

$ phpunit

Más información

Por favor, consulte la documentación de ImperVi Redactor V10 para obtener más información sobre sus opciones de configuración.

Que contribuye

Consulte contribuyendo para obtener más detalles.

Créditos

  • Vasile Crudu
  • Todos los contribuyentes

Licencia

La licencia BSD (BSD). Consulte el archivo de licencia para obtener más información.

Guía de actualización

Consulte la guía de actualización para obtener más detalles.

Expandir
Información adicional
Aplicaciones relacionadas
Recomendado para ti
Información relacionada Todo