Rich Editor Fullscreen

• Installation
• Usage
  • Basic Usage
  • Keyboard Shortcuts
• Screenshots
• Customization
  • CSS Customization
• Changelog
• Contributing
• Security Vulnerabilities
• Credits
• License

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.

#Installation

You can install the package via composer:

composer require mdobes/rich-editor-fullscreen

#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

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

use Filament\Forms\Components\RichEditor;

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

#Keyboard Shortcuts

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

#Screenshots

#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

Please see CHANGELOG for more information on what has changed recently.

#Contributing

Please see CONTRIBUTING for details.

#Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

#Credits

• Michal Dobeš
• AndroSamp-it
• All Contributors

#License

The MIT License (MIT). Please see License File for more information.