Beranda>Sumber daya pembuatan situs web>Sumber daya lainnya
Unduh

Widget Redaksi Imperavi untuk Yii 2

Imperavi Redactor Widget adalah pembungkus untuk Imperavi Redactor 10.2.5, editor WYSIWYG berkualitas tinggi.

Perhatikan bahwa Imperavi Redactor sendiri adalah perangkat lunak berhak cipta komersial yang eksklusif tetapi karena komunitas Yii membeli lisensi OEM Anda dapat menggunakannya secara gratis dengan YII.

Memasang

Cara yang disukai untuk menginstal ekstensi ini adalah melalui komposer.

Baik lari 

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

atau tambahkan 

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

ke bagian require dari file composer.json Anda.

Penggunaan

Setelah ekstensi diinstal, cukup gunakan dalam kode Anda:

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

Seperti widget ActiveForm 

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

Seperti widget untuk tekstara yang telah ditentukan sebelumnya 

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

Tambahkan gambar yang telah diunggah 

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

Tambahkan file yang telah diunggah 

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

Unggah gambar 

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

Unggah file 

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

Unggah dan ganti file dengan nama yang sama 

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

Unggah file dan terjemahkan namanya 

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

Tambahkan plugin khusus 

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

Aktifkan Manajer Gambar Kustom dengan Hapus Fungsionalitas 

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

Aktifkan Manajer File Kustom dengan Hapus Fungsionalitas 

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

Pengujian 

$ phpunit

Informasi lebih lanjut

Silakan, periksa dokumentasi Imperavi Redactor V10 untuk informasi lebih lanjut tentang opsi konfigurasinya.

Berkontribusi

Silakan lihat berkontribusi untuk detailnya.

Kredit

  • Vasile Crudu
  • Semua kontributor

Lisensi

Lisensi BSD (BSD). Silakan lihat file lisensi untuk informasi lebih lanjut.

Panduan Upgrade

Silakan periksa panduan upgrade untuk detailnya.

Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua