Пример создания компонента livewire – визуального редактора tinyMCE с использованием возможностей alphine.js и сборщиком vite.
Laravel php component
Компонент livewire с редактором:
Регистрируем в сервис провайдере: Blade::component('editor', Editor::class);
Tinymce js
Подключаем в head js
<script src="{{ asset('/vendor/tinymce/tinymce.js') }}"></script>
в resources/js/app.js добавляем:
document.addEventListener('livewire:navigated', () => {
window.tinymce = tinymce;
}, { once: true })
File manager
Подключаем файловый менеджер
composer require unisharp/laravel-filemanager
Использование в компоненте livewire
Вставляем в компонент с редактируемым контентом:
<x-editor wire:model="content" style="min-height: 540px"></x-editor>
Результат
