Laravel Filemanager, direct in de Flux-editor
Voeg afbeeldingen en bestandslinks in vanuit je eigen filemanager, schaal en lijn afbeeldingen uit, en sleep of plak foto’s rechtstreeks in de rich-text-editor van Flux Pro. Eén Composer-package, één Blade-component.
- PHP 8.2+
- Laravel 11–13
- Livewire 3–4
- Flux Pro 2
- MIT licentie
Een weekend langs de fjorden
We vertrokken vroeg, voordat de veerboot vol raakte. Rond het middaguur stonden we op de rand van de rots, hoog boven het water.
Download de route (PDF)
Mogelijkheden
Alles wat je editor nog miste
Flux Pro heeft een uitstekende rich-text-editor, gebouwd op Tiptap. Deze package koppelt hem aan de bestanden die je gebruikers al in Laravel Filemanager beheren.
Afbeeldingen uit je filemanager
De afbeeldingknop opent Laravel Filemanager in een pop-up. Kies één of meer afbeeldingen en ze staan in de editor.
Links naar bestanden
Met de paperclipknop kies je een pdf of ander bestand en voeg je een link in met je eigen tekst, target, classes en stijlen.
Schalen en uitlijnen
Klik op een afbeelding voor een menu met 25%, 50%, 75%, 100% of een eigen breedte, en uitlijning links, midden of rechts.
Afbeeldingsdetails bewerken
Dubbelklik op een afbeelding om de alt-tekst, titel, extra classes en inline stijlen in te stellen.
Slepen, neerzetten en plakken
Sleep een afbeelding op de editor of plak een schermafbeelding. Ingebed als base64, of geüpload naar Laravel Filemanager.
Controleert zijn eigen installatie
php artisan flux-filemanager:check loopt de config, routes, storage-link, npm-packages en build na, en vertelt wat je moet oplossen.
Installatie
In een paar minuten aan de slag
Je applicatie heeft Flux Pro en de Composer-repository daarvan nodig. De installer regelt de rest: de config en routes van Laravel Filemanager, de storage-link, de npm-packages en de setup in resources/js/app.js.
Volledige installatiehandleiding-
1Installeer de package
Terminal$ composer require darvis/livewire-flux-editor-filemanager -
2Draai de installer
Terminal$ php artisan flux-filemanager:install -
3Gebruik het component waar je anders flux:editor zou gebruiken
Blade<x-flux-filemanager-editor wire:model="content" /> -
4Werkt er iets niet? Controleer de installatie
Terminal$ php artisan flux-filemanager:check
Probeer het zonder iets te installeren
De live demo geeft je een eigen sandbox: een editor met voorbeeldinhoud en een eigen map in de filemanager. Uploaden, bijsnijden, schalen en opslaan zoveel je wilt. Alleen jij ziet het, en elke nacht om 03:00 (tijdzone Europe/Amsterdam) gaat alles terug naar het voorbeeld.
Hoe voeg ik het uploaden van afbeeldingen toe aan de Flux Pro-editor?
Installeer darvis/livewire-flux-editor-filemanager, draai php artisan flux-filemanager:install en gebruik <x-flux-filemanager-editor wire:model="content" /> in plaats van flux:editor. De afbeeldingknop opent dan Laravel Filemanager in een pop-up, waar je nieuwe afbeeldingen uploadt of bestaande kiest om in te voegen.
Werkt het met de gratis versie van Flux?
Nee. De rich-text-editor hoort bij Flux Pro, dus je applicatie heeft een Flux Pro-licentie en de bijbehorende Composer-repository nodig. De package zelf is gratis en valt onder de MIT-licentie.
Welke PHP-, Laravel- en Livewire-versies worden ondersteund?
Versie v1.10.0 ondersteunt PHP 8.2+, Laravel 11–13, Livewire 3–4, Flux Pro 2.
Waar komen gesleepte of geplakte afbeeldingen terecht?
Standaard worden ze als base64 in de HTML opgenomen. Zet drag_drop.method op upload in config/flux-filemanager.php om ze in plaats daarvan naar Laravel Filemanager te uploaden.
Waarom doen de knoppen van de editor niets?
Meestal laadt resources/js/app.js niet, vaak vlak na een package-update terwijl npm run dev bleef draaien. Draai php artisan flux-filemanager:check: dat controleert de config, routes, storage-link, npm-packages, app.js en de build, en vertelt wat je moet oplossen.
Beveiligt de package de filemanager of schoont hij de HTML op?
Nee. Beveilig Laravel Filemanager met de instelling middlewares in config/lfm.php, en toon de HTML uit de editor alleen onge-escaped voor redacteuren die je vertrouwt.
Sponsor
Help de package onderhouden
De package is gratis en valt onder de MIT-licentie. Sponsoring via GitHub betaalt de CI die elke release test op meerdere PHP- en Laravel-versies, de documentatiesite, en een vaste ochtend per maand voor issues, beveiligingsmeldingen en nieuwe Laravel-releases.
Maandelijks of eenmalig, elk bedrag.
Vragen