https://github.com/alex290/yii2-bootstrap-editor

https://github.com/alex290/yii2-bootstrap-editor

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/alex290/yii2-bootstrap-editor
• Owner: alex290
• Created: 2019-12-13T06:42:09.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-02-05T19:11:29.000Z (almost 5 years ago)
• Last Synced: 2024-04-25T04:02:19.371Z (9 months ago)
• Language: PHP
• Size: 1.37 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Bootstrap 4 editor

==================

Bootstrap 4 editor text Area

Installation

------------

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

Either run

```

php composer.phar require --prefer-dist alex290/yii2-bootstrap-editor "*"

```

or add

```

"alex290/yii2-bootstrap-editor": "*"

```

to the require section of your `composer.json` file.

Подключение

-----------

в файле `web.php` в папке `config`

вставить параметр

```php

'modules' => [

    'bs4-editor' => [

        'class' => 'alex290\bootstrapEditor\Module',

    ],

],

```

Usage

-----

Once the extension is installed, simply use it in your code by  :

```php

= BootstrapEdit::widget(['content' => $content ]) ?>

```

Поле с классом `inputContent` - загружает Html - Bootstrap 4 верстку

```php

```

Дополнительные параметры

Своя кнопка

-----------

```php

'costumButton' => [

    [

        'name' => 'Название кнопки',

        'html' => 'HTML код',

        'scrypt' => 'Скрипт активации например слайдер', // Необязательный параметр

        'style' => 'Стили для конкретного виджета', // Необязательный параметр

    ],

    ...

]

```

```php

= BootstrapEdit::widget(['content' => $content, 'costumButton' => $costumButton ]) ?>

```

Свои стили и скирпты

--------------------

```php

'costumCssScrypt' = [

    'css' => [

        "/web/css/slick.css",

    ],

    'js' => [

        "/web/js/slick.min.js",

    ]

];

```

```php

= BootstrapEdit::widget(['content' => $content, 'costumCssScrypt' => $costumCssScrypt]) ?>

```

Редактор CKEDITOR

-----------------

```php

'ckeditor' => [

    'path' => '/web/lib/ckeditor/ckeditor.js',

    'customConfig': '/web/lib/ckeditor/ckeditor_config.js', // Своя конфигурация - Необязательный параметр

],

```

Дополнительные скрипты и стили

------------------------------

Можно добавить дополнительные стили с скрипты при помощи полей форм

Поле с классом `inputScrypt` - загружает JavaScrypt

```php

```

Поле с классом `inputStyle` - загружает сss стили

```php

```

Возврат данных при сохранении

-----------------------------

Кнопка с классом `onclickReturnContent` - Возвращает во все поля обновленные данные (Верстка, стили и скрипты);

```php

Сохранить

```

Парсер CSS стилей

-----------------

У модуля есть функция парсинга CSS стилей в массив для работы с элементами

```php

$classNew = CssParser::getJson($css);

```

в результате мы получаем json массива стилей