Flux Editor Filemanager

darvis/livewire-flux-editor-filemanager is a Laravel package that connects Laravel Filemanager (a file browser and uploader, unisharp/laravel-filemanager) to the rich text editor of Flux Pro in a Livewire application. It adds an image button and a file link button to the editor toolbar, a resize and align menu and an edit modal for images, an HTML button that shows the source of the content to read or edit it, a table button with a menu to insert and edit tables, and drop and paste of image files.

Try the live demo on fluxui-filemanager.com and use the editor, the file manager, the image menu and drag and drop in your browser before you install anything.

View and edit the HTML source

The Flux editor has no way to see the HTML it writes. This package adds it: an HTML button opens the source of the content in a modal, where an editor reads it, changes it and applies the result with Apply or Cmd/Ctrl + Enter. A disabled editor shows the source read-only.

<x-flux-filemanager-editor wire:model="content" toolbar="full" />

The full toolbar has the button; toolbar="default | html-source" adds it to the default toolbar. HTML source has the details.

Who it is for

Laravel developers who already use the Flux Pro editor, or plan to, and want their editors to pick images and documents from a file manager instead of typing URLs.

What it does not do

It does not upload, store, crop or serve files. Laravel Filemanager does that, with its own routes and its own config/lfm.php.
It does not decide who may use the file manager. That is the middlewares setting in config/lfm.php.
It does not check uploads on the server. The size and type limits for dropped images are checked in the browser only.
It does not sanitise the HTML your editors write.
It does not include the editor itself. The editor is a paid Flux Pro component.

Uploads and security lists exactly what is checked, and where.

Requirements

PHP 8.2 or higher
Laravel 11, 12 or 13
Livewire 3 or 4
Flux Pro 2.15.1 or newer, which needs a paid licence from fluxui.dev
Laravel Filemanager 2, installed automatically as a dependency
Node and Vite with resources/js/app.js, the standard Laravel front-end setup

Install

composer require darvis/livewire-flux-editor-filemanager
php artisan flux-filemanager:install
php artisan flux-filemanager:check

Then use the component where you would use <flux:editor>:

<x-flux-filemanager-editor wire:model="content" />