@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(do***ent.querySelector('#editor'))
.then(editor => {
console.log(editor);
})
.catch(error => {
console.error(error);
});
|
- Добавьте ckeditor.js в ваш файл app.js:
- Добавьте поле в вашу форму, которое будет использоваться для редактирования текста:
1
2
3
4
|
<div>
<label for="editor">Текст</label>
<textarea name="text" id="editor"></textarea>
</div>
|
- Запустите сборку ваших ресурсов, используя следующую команду:
- В вашем шаблоне 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.