https://github.com/alex290/yii2-bootstrap-editor
https://github.com/alex290/yii2-bootstrap-editor
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/alex290/yii2-bootstrap-editor
- Owner: alex290
- Created: 2019-12-13T06:42:09.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-02-05T19:11:29.000Z (almost 6 years ago)
- Last Synced: 2025-03-21T03:16:08.031Z (8 months ago)
- Language: PHP
- Size: 1.37 MB
- Stars: 0
- Watchers: 1
- 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 массива стилей