laker-ls/yii2-pencil

Module create and view interactive text and image.

Installs: 61

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 2

Forks: 0

Open Issues: 0

Type:yii2-extension

2.2.4 2020-04-28 13:17 UTC

This package is auto-updated.

Last update: 2024-04-29 04:19:33 UTC


README

Stable Version Unstable Version License Total Downloads

ВНИМАНИЕ: Для работы необходим developeruz/yii2-db-rbac с существующей ролью.

Отображение текста, которое редактируется через модальное окно, когда пользователь авторизован как администратор. Не админ, видит обычный текст, в то же время администратор может взаимодействовать с ним, по нажатию на текст всплывает модальное окно с одним полем textarea, переносы в данном поле работают и конвертируются в <br />, вся стилизация текста должна задаваться через css.
Вы можете настраивать в каком теге выводить текст и передавать ему классы и другие атрибуты. Вид текста для администратора отличается и может быть дополнен атрибутами, которые выводят только для админа.

Отображение изображений, которые редактируются через модальное окна, когда пользователь авторизован как администратор. Все пользователи видят изображения, однако админу дополнительно отображается кнопка для редактирования изображений.

Установка

Рекомендуемый способ установки этого расширения является использование composer. Проверьте composer.json на предмет требований и зависимостей данного расширения.

Для установки запустите

$ php composer.phar require laker-ls/yii2-pencil "~2.2.5"

или добавьте в composer.json в раздел require следующую строку

"laker-ls/yii2-pencil": "~2.2.5"

Смотрите список изменений для подробной информации о версиях.

Подключение

Выполните миграции в консоли:

yii migrate --migrationPath=@lakerLS/pencil/migrations

В конфиге приложения подключите модуль и укажите роли параметром accessRoles, которым разрешено редактирование. Параметром imagePath передайте пути к папкам (оригинал и миниатюра), в которых будут храниться изображения:

'modules' => [
    'pencil' => [
        'class' => '\lakerLS\pencil\Module',
        'params' => [
            'accessRoles' => ['admin'],
            'imagePath' => [
                'full' => 'upload/image-gallery/full',
                'mini' => 'upload/image-gallery/mini',
            ],
        ],
    ],
]

В контроллере, в котором вызывается экшен с "карандашами" обязательно должно передаваться id текущей категории. Данный код служит примером, в каждом случае переданные параметры будут отличаться, но свойствой categoryId не должно менять своё имя.

    public $categoryId;
    
    public function actionIndex($category)
    {
        // Где $category объект текущей категории.
        $this->categoryId = $category->id;
        
        // Если страница статическая, то можем задать `id` явно, но данный способ не является хорошей практикой.
        $this->categoryId = 1;
        
        return $this->render('view');
    }

Расширение готово к работе.

Использование виджета для текста

use lakerLS\pencil\widgets\PencilText;
           
<?= PencilText::widget(['id' => 'example-id']) ?>

Использование виджета в layout:

use lakerLS\pencil\widgets\PencilText;
           
<?= PencilText::widget(['id' => 'example-id', 'nonUnique' => 'this-name-layout']) ?>

С использованием дополнительных параметров:

use lakerLS\pencil\widgets\Pencil;
           
<?= PencilText::widget(['id' => 'example-id', 'tag' => 'h2', 'options' => ['class' => 'my-class']]) ?>

id (string) - обязательный параметр, для удобства, id указывать строкой. Необходимы уникальные имена в пределах одной страницы. Повторное использование имен на других страницах не вызовет конфликта.

tag (string) - имя тега, в котором будет содержимое.

options (array) - параметры тега, которые видны как всем пользователям, так и администратору.

nonUnique (string) - необязательный параметр. Для отображения одного и того же текста на нескольких страницах необходимо передать строку, которая будет использоваться вместо id.

optionsAdmin (array) - параметры тега, которые видет только администратор. С помощью классов и стилей задается такой стиль текста, что бы было понятно, что он интерактивен (можно редактировать). По умолчанию синее подчеркивание.

textIsEmpty (string) - текст который виден админу если содержимое пусто или не существует, для возможности редактирования, т.к. текст единственный способ вызвать модальное окно администратору.

Использование виджета для изображений

Размещайте виджет внутри тегов, которые ничего больше не содержат, т.к. при обновлении изображений всё содержимое тегов будет замещено.

Между begin и end передаем шаблон для каждого отдельного изображения. В этом шаблоне обязательно должен быть один пустой тег <img>, который будет заменен на реальное изображение.

Для использования виджета в layout'е обязательно передать параметром layout имя layout'a.

Передавая true или false параметру small выбираем вид кнопки для редактирования (видна только администратору).

ВАЖНО: используя значение true для параметра small обязательно указывайте родительскому элементу в котором расположено изображение стиль position: relative.

<?php
use lakerLS\pencil\widgets\PencilImage;
?>
 <div class="example-container" style="position: relative">
     <?php 
     $pencilImg = PencilImage::begin([
        'group' => 'our-characteristics-img-main', 
        'small' => true, 
        'thumbnail' => [
            'width' => 634, 
            'height' => 466,
            'quality' => 50,
        ]
     ]);
     ?>
     
         <a href="<?= $pencilImg->urlFull() ?>">
             <img src="<?= $pencilImg->urlMini() ?>" alt="<?= $pencilImg->alt() ?>">
         </a>
         
     <?php PencilImage::end() ?>
 </div>

group (string) - обязательный параметр, который необходимо передавать для создания альбома изображений. Может использоваться кириллица.

thumbnail (array) - обязательный параметр, в котором передаем ширину и высоту миниатюры. Необязательным параметром является quality. Качество миниатюры которое задается в диапазоне 1 до 100, по умолчанию равно 50.

small (boolean) - необязательный параметр. По умолчанию false.
Если значение false, отображается большая кнопка для редактирования. Подходит для создания/редактирования альбомов.
Если значение true, кнопка имеет маленький размер и позицию absolute. Ни как не влияет на верстку, отображается в нижнем правом углу.

nonUnique (string) - необязательный параметр. Для отображения одних и тех же изображений на нескольких страницах необходимо передать строку, которая будет использоваться вместо id.

Удаление неиспользуемых изображений

Удаляя записи через базу данных останутся изображения, для этого реализовано удаление неиспользуемых изображений. В остальных случаях нет необходимости использовать данный контроллер.

В config/console.php необходимо подключить данный модуль следующим образом:

'modules'=>[
        'pencil' => [
            'class' => '\lakerLS\pencil\Module',
            'params' => [
                'imagePath' => [
                    'full' => 'upload/image-gallery/full', // Ваш путь к оригинальному изображению.
                    'mini' => 'upload/image-gallery/mini', // Ваш путь к миниатюре изображения.
                ],
            ],
            'controllerNamespace' => 'lakerLS\pencil\commands',
        ],
    ],

В консоли, из корня проекта исполнить следующую команду:

yii pencil/cron/delete-image

Лицензия

yii2-pencil выпущено по лицензии BSD-3-Clause. Ознакомиться можно в файле LICENSE.md.