> For the complete documentation index, see [llms.txt](https://overfinch.gitbook.io/cheatsheet/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overfinch.gitbook.io/cheatsheet/laravel/laravel-+-ck-editor-+-el-finder.md). # Laravel + CK-Editor + El FInder Создаём шаблон editor.blade.php с содержимым: {% code title="resources/view/editor.blade.php" %} ```html CKEditor {{-- Bootstrap --}} {{-- jQuery --}} {{-- JS Bootstrap --}}

Добавляем поддержку CKEditor

``` {% endcode %} Прописываем для него роут: {% code title="routes/web.php" %} ```php Route::get('/', function () { return view('main'); }); ``` {% endcode %} Скачиваем CKeditor здесь \ \ Копируем его и jQuery.js в public/js
Подключаем CKeditor, в хэде прописываем следующее: {% code title="resources/view/editor.blade.php" %} ```html ``` {% endcode %} Инициализируем CKEditor, в конце документа прописываем: {% code title="resources/view/editor.blade.php" %} ```html ``` {% endcode %} Проверяем:
Интегрируем EL Finder (подробнее тут ) ```bash composer require barryvdh/laravel-elfinder ``` Добавляем в массив Сервис Провайдеров в app/config/app.php ```php Barryvdh\Elfinder\ElfinderServiceProvider::class ``` Публикуем командой ```bash php artisan elfinder:publish ``` Создаём папку upload в папке public Конфигурируем файл \vendor\barryvdh\laravel-elfinder\config\elfinder.php {% hint style="info" %} Что бы elfinder.php перенёсся в в папку config в корне, можно попробовать выполнить команду php artisan vendor:publish {% endhint %} {% code title="elfinder.php" %} ```php ['upload'], 'disks' => [], 'route' => [ 'prefix' => 'elfinder', 'middleware' => null,], 'access' => 'Barryvdh\Elfinder\Elfinder::checkAccess', 'roots' => null, 'options' => array( 'roots' => array( array( 'driver' => 'LocalFileSystem', 'path' => public_path().'/upload', 'URL' => 'http://test.loc/upload' ), ) ), 'root_options' => array(), ); ``` {% endcode %} Не забываем поменять на свой путь Нициализируем El Finder в нашем скрипте инициализации CKEditor\`a добавляем El Finder {% code title="" %} ```html ``` {% endcode %} Открываем на сайт и в редакторе выбираем «Изображение»
Откроется диалог вставки, жмем «Выбор на сервере»
И откроется наш редактор
{% hint style="info" %} Есть мой репозиторий с установленым Ck-Editor и El Finder на laravel
{% endhint %}