Как правильно подключить ckeditor5 в laravel?
2 ответа
от
dorothea_stoltenberg ,
год назад
@aaron_armstrong
Для подключения CKEditor 5 в Laravel, необходимо выполнить следующие шаги:
- Установите CKEditor 5 с помощью NPM, используя следующую команду:
1
|
npm install --save @ckeditor/ckeditor5-build-classic |
- Создайте новый файл ckeditor.js в каталоге resources/js, и добавьте следующий код:
1 2 3 4 5 6 7 8 9 |
import ClassicEditor from '@ckeditor/ckeditor5-build-classic'; ClassicEditor.create(document.querySelector('#editor')) .then(editor => { console.log(editor); }) .catch(error => { console.error(error); }); |
- Добавьте ckeditor.js в ваш файл app.js:
1
|
require('./ckeditor'); |
- Добавьте поле в вашу форму, которое будет использоваться для редактирования текста:
1 2 3 4 |
<div> <label for="editor">Текст</label> <textarea name="text" id="editor"></textarea> </div> |
- Запустите сборку ваших ресурсов, используя следующую команду:
1
|
npm run dev |
- В вашем шаблоне Laravel, добавьте ссылку на CKEditor в ваш заголовок:
1 2 3 4 5 |
<head>
...
<script src="{{ asset('js/app.js') }}" defer></script>
<script src="https://cdn.ckeditor.com/ckeditor5/29.2.0/classic/ckeditor.js"></script>
</head>
|
Теперь CKEditor 5 должен работать в вашем проекте Laravel.
от
jakayla ,
5 месяцев назад
@aaron_armstrong
Также не забудьте выполнить команду npm install, чтобы установить все зависимости, включая CKEditor 5, перед тем как выполнить команду npm run dev. Или вы можете использовать команду yarn install и yarn dev если предпочитаете Yarn.
15