الصفحة الرئيسية>موارد بناء الموقع>موارد أخرى
تنزيل

عنصرجة محددة Imperavi ل yii 2

Imperavi Redactor Widget هو غلاف لـ Imperavi Redactor 10.2.5 ، وهو محرر Wysiwyg عالي الجودة.

لاحظ أن Imperavi Redactor نفسه هو برنامج خاص بحقوق الطبع والنشر التجارية ، ولكن نظرًا لأن مجتمع YII اشترى ترخيص OEM ، يمكنك استخدامه مجانًا مع YII.

ثَبَّتَ

الطريقة المفضلة لتثبيت هذا الامتداد هي من خلال الملحن.

إما تشغيل 

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

أو إضافة 

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

إلى قسم require من ملف composer.json الخاص بك.

الاستخدام

بمجرد تثبيت الامتداد ، ما عليك سوى استخدامه في الكود الخاص بك:

مثل القطعة 

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

مثل عنصر واجهة مستخدم نشط 

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

مثل عنصر واجهة مستخدم لنص محدد مسبقًا 

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

أضف الصور التي تم تحميلها بالفعل 

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

إضافة ملفات تم تحميلها بالفعل 

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

تحميل الصورة 

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

ملف تحميل 

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

تحميل ملف واستبداله بنفس الاسم 

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

تحميل الملف وترجمة اسمه 

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

أضف ملحقات مخصصة 

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

تمكين مدير الصور المخصص مع حذف وظائف 

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

تمكين مدير الملفات المخصصة مع حذف وظائف 

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

الاختبار 

$ phpunit

مزيد من المعلومات

من فضلك ، تحقق من وثائق Imperavi Redactor V10 لمزيد من المعلومات حول خيارات التكوين الخاصة بها.

المساهمة

يرجى الاطلاع على المساهمة للحصول على التفاصيل.

الاعتمادات

  • فاسيلي كرودو
  • جميع المساهمين

رخصة

ترخيص BSD (BSD). يرجى الاطلاع على ملف الترخيص لمزيد من المعلومات.

دليل الترقية

يرجى التحقق من دليل الترقية للحصول على التفاصيل.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل