PHPackages                             mdobes/rich-editor-fullscreen - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. mdobes/rich-editor-fullscreen

ActiveLibrary[Utility & Helpers](/categories/utility)

mdobes/rich-editor-fullscreen
=============================

Fullscreen functionality for Filament V4 Rich Editor

1.3.0(2mo ago)96.0k—7%4MITPHPPHP ^8.1CI passing

Since Sep 17Pushed 2mo ago2 watchersCompare

[ Source](https://github.com/mdobes/filament-rich-editor-fullscreen)[ Packagist](https://packagist.org/packages/mdobes/rich-editor-fullscreen)[ Docs](https://github.com/mdobes/rich-editor-fullscreen)[ GitHub Sponsors](https://github.com/mdobes)[ RSS](/packages/mdobes-rich-editor-fullscreen/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (6)Dependencies (24)Versions (7)Used By (0)

Rich Editor Fullscreen
======================

[](#rich-editor-fullscreen)

[![Latest Version on Packagist](https://camo.githubusercontent.com/967bbbe7cbe6552a6d8f1cbde4afa350d40e8de3b490d483a1aff4c22339ada3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d646f6265732f726963682d656469746f722d66756c6c73637265656e2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/mdobes/rich-editor-fullscreen)[![Total Downloads](https://camo.githubusercontent.com/4c9e0fd052258c423ccc1ce7854f7a8d8e089579c10430974de79c35e45b09c7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d646f6265732f726963682d656469746f722d66756c6c73637265656e2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/mdobes/rich-editor-fullscreen)

A Filament v4 & v5 plugin that adds fullscreen functionality to the Rich Editor component. This plugin allows users to expand the rich editor to fullscreen mode for a better writing experience.

[![Rich Editor Fullscreen plugin cover](img/cover.jpg)](img/cover.jpg)

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require mdobes/rich-editor-fullscreen
```

Usage
-----

[](#usage)

Once installed, the fullscreen functionality is automatically available in all Rich Editor components. The plugin registers itself globally, so no additional configuration is needed.

### Basic Usage

[](#basic-usage)

The plugin automatically adds the fullscreen button to your Rich Editor toolbar:

```
use Filament\Forms\Components\RichEditor;

RichEditor::make('content')
    ->toolbarButtons([
        'fullscreen',
    ])
```

### Keyboard Shortcuts

[](#keyboard-shortcuts)

- `Cmd + Shift + F` (Mac) or `Ctrl + Shift + F` (Windows/Linux): Toggle fullscreen mode
- `Esc`: Exit fullscreen mode

Screenshots
-----------

[](#screenshots)

   ![Rich Editor Fullscreen button](img/editor-light.jpg)   ![Rich Editor Fullscreen mode](img/editor-light.jpg)Customization
-------------

[](#customization)

### CSS Customization

[](#css-customization)

You can customize the fullscreen appearance by publishing the assets and modifying the CSS:

```
php artisan vendor:publish --tag="rich-editor-fullscreen-assets"
```

The main CSS classes you can customize:

- `.fi-fo-rich-editor.fullscreen` - The main fullscreen container
- `.fi-fo-rich-editor.fullscreen .ProseMirror` - The editor content area
- `.fi-fo-rich-editor.fullscreen .fi-fo-rich-editor-toolbar` - The toolbar in fullscreen mode

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing
------------

[](#contributing)

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

Security Vulnerabilities
------------------------

[](#security-vulnerabilities)

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

Credits
-------

[](#credits)

- [Michal Dobeš](https://github.com/mdobes)
- [AndroSamp-it](https://github.com/AndroSamp-it)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

48

—

FairBetter than 95% of packages

Maintenance88

Actively maintained with recent releases

Popularity33

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 92.3% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~36 days

Recently: every ~45 days

Total

6

Last Release

61d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/177082fb8cfba806a4d93204e52e2e18189982f87be35c4cd3b497a61372b2fd?d=identicon)[mdobes](/maintainers/mdobes)

---

Top Contributors

[![mdobes](https://avatars.githubusercontent.com/u/26965898?v=4)](https://github.com/mdobes "mdobes (24 commits)")[![AndroSamp-it](https://avatars.githubusercontent.com/u/192169616?v=4)](https://github.com/AndroSamp-it "AndroSamp-it (2 commits)")

---

Tags

filamentfilament-pluginlaravelmdobesrich-editor-fullscreen

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/mdobes-rich-editor-fullscreen/health.svg)

```
[![Health](https://phpackages.com/badges/mdobes-rich-editor-fullscreen/health.svg)](https://phpackages.com/packages/mdobes-rich-editor-fullscreen)
```

###  Alternatives

[codewithdennis/filament-select-tree

The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths.

320392.1k17](/packages/codewithdennis-filament-select-tree)[ralphjsmit/laravel-filament-components

A collection of reusable components for Filament.

10972.2k2](/packages/ralphjsmit-laravel-filament-components)[schmeits/filament-character-counter

This is a Filament character counter TextField and Textarea form field for Filament v4 and v5

33184.7k6](/packages/schmeits-filament-character-counter)[defstudio/filament-searchable-input

A searchable autocomplete input for Filament forms

3212.4k](/packages/defstudio-filament-searchable-input)[codebar-ag/laravel-filament-json-field

A Laravel Filament JSON Field integration with CodeMirror support

1124.1k](/packages/codebar-ag-laravel-filament-json-field)[ralphjsmit/laravel-helpers

A package containing handy helpers for your Laravel-application.

13704.6k2](/packages/ralphjsmit-laravel-helpers)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)