Filament•4mo ago

How to make full screen rich editor

Hi i am having a situation where i need to implement a full screen rich editor. So is there a way i can do this without plugins, if not suggest me.

2 Replies

LeandroFerreira•4mo ago

RichEditor::make('content')
    ->extraAttributes(['x-ref' => 'editor'])
    ->hintAction(\Filament\Forms\Components\Actions\Action::make('fullScreen')
        ->alpineClickHandler('$refs.editor.requestFullscreen()'))

RichEditor::make('content')
    ->extraAttributes(['x-ref' => 'editor'])
    ->hintAction(\Filament\Forms\Components\Actions\Action::make('fullScreen')
        ->alpineClickHandler('$refs.editor.requestFullscreen()'))

mile4841•3mo ago

Thanks bro, but this is not working for me because when i apply these code, it works like i press on mine keyboard full screen i want to have full screen mine editor, or can i just get that these bar is postion absolute top: 0%;

Gaming

Programming

How to make full screen rich editor