PHPackages                             nigabrein/yii2-ckeditor5-widget - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. nigabrein/yii2-ckeditor5-widget

ActiveYii2-extension[Utility & Helpers](/categories/utility)

nigabrein/yii2-ckeditor5-widget
===============================

Виджет для ckeditor5 для yii2

0.3(1y ago)1151MITPHP

Since Jul 2Pushed 1y ago1 watchersCompare

[ Source](https://github.com/nigabrein/yii2-ckeditor5-widget)[ Packagist](https://packagist.org/packages/nigabrein/yii2-ckeditor5-widget)[ RSS](/packages/nigabrein-yii2-ckeditor5-widget/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (3)Dependencies (1)Versions (4)Used By (0)

yii2-ckeditor5-widget
=====================

[](#yii2-ckeditor5-widget)

Виджет для ckeditor5 для yii2

Установка
---------

[](#установка)

Предпочтительный способ установки этого расширения — через [composer](http://getcomposer.org/download/).

Либо вставьте

```
"nigabrein/yii2-ckeditor5-widget": "*"

```

в раздел require вашего файла `composer.json`

Использование
-------------

[](#использование)

Вам нужно [скачать](https://ckeditor.com/ckeditor-5/online-builder/) или добавить имеющийся файл `ckeditor.js` в `AppAsset.php` в раздел js.

Путь

```
use nigabrein\ckeditor5\CKEditor;

```

Виджет 1

```

```

Виджет 2

```

```

Функции

```
'uploadUrl' => 'site/upload', //this will be the url where you want to ckeditor send the post request with file data

'uploadUrl' => '/someUpload.php',

'value' => 'Text',

'toolbar' => [
   'Sourceediting',
   '|', 'heading',
   '|',
   'bold',
   'italic',
   'link',
   'bulletedList',
   'numberedList',
   'blockQuote',
   '|',
   'indent',
   'outdent',
   '|',
   'imageUpload',
   'insertTable',
   'mediaEmbed',
   'undo',
   'redo',
   'exportPdf',
   'exportWord',
   'fontSize',
   'fontFamily',
   'fontColor',
   'fontBackgroundColor',
   'highlight',
   'imageInsert',
   'alignment',
   'alignment:left',
   'alignment:right',
   'alignment:center',
   'code',
   'removeFormat'
]

```

Прочее

```

```

Конфликт стилей bootstrap5 и ckeditor5 - если поле ckeditor5 находиться в модальном окне bootstrap5 то не работает функция 'link' у ckeditor5. Решение:

```
document.addEventListener("DOMContentLoaded", function() {
  var button = document.querySelector('button[crutch-ckeditor-btn="true"]');

  if (button) {
    button.addEventListener("click", function() {

      var element = document.querySelector('.ck-body-wrapper');
      if(element){
        //element.style.position = 'fixed';
        //element.style.zIndex = 1060;

        var modal = document.querySelector('div[crutch-ckeditor-modal="true"]');
        if(modal){
            modal.appendChild(element);
        }
      }
    });
  }
});

//crutch-ckeditor-btn="true" параметр на кнопку с модальным окном с ckeditor

//crutch-ckeditor-modal="true" параметр на модальное окно с ckeditor

```

Или

```
function CrutChckeditorModal(type, my_id_modal_create, my_id_modal_update){
    if(type === 'create'){
        var ckBodyWrapper = document.createElement('div');
        ckBodyWrapper.classList.add('ck-body-wrapper');
        ckBodyWrapper.style.zIndex = "1060";
        document.body.appendChild(ckBodyWrapper);

        // Находим модальное окно
        var myModal_create = new bootstrap.Modal(document.getElementById(my_id_modal_create));

        // Отключаем FocusTrap при открытии модального окна
        myModal_create._element.addEventListener('shown.bs.modal', function () {
          myModal_create._focustrap.deactivate();
        });

        var myModal_update = new bootstrap.Modal(document.getElementById(my_id_modal_update));

        myModal_update._element.addEventListener('shown.bs.modal', function () {
          myModal_update._focustrap.deactivate();
        });
    }

    if(type === 'update'){
        var element = document.querySelector('.ck-body-wrapper');
        if(element){
            element.innerHTML = '';
        }
    }
}

```

Чтобы убрать с поля ckeditor5 логотип нужно скрыть ck-powered-by:

```
.ck.ck-powered-by a {
    display: none !important;
}

```

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance34

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity32

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~28 days

Total

3

Last Release

623d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/fbb75ea87fb5a8903cf267d01e087a1705ec593ccd57be6617decdee3e250e40?d=identicon)[nigabrein](/maintainers/nigabrein)

---

Top Contributors

[![nigabrein](https://avatars.githubusercontent.com/u/88084030?v=4)](https://github.com/nigabrein "nigabrein (8 commits)")

---

Tags

yii2extensionCKEditorckeditor5

### Embed Badge

![Health badge](/badges/nigabrein-yii2-ckeditor5-widget/health.svg)

```
[![Health](https://phpackages.com/badges/nigabrein-yii2-ckeditor5-widget/health.svg)](https://phpackages.com/packages/nigabrein-yii2-ckeditor5-widget)
```

###  Alternatives

[dmstr/yii2-cookie-consent

Yii2 Cookie Consent Widget

1452.6k](/packages/dmstr-yii2-cookie-consent)[richardfan1126/yii2-js-register

Yii2 widget to register JS into view

1357.2k7](/packages/richardfan1126-yii2-js-register)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)