Filament•3mo ago

Richeditor is not working(i can not type inside)

Hi everyone this is very confusing error because i do not know when this started happening but happend to me that no matter how much i click on the rich editor, rich editor is not focus i can not type i click on the tollbar but that is all. Down is the picture how does the richeditor looks like. Did anyone happened this what can cause a problem

8 Replies

Dennis Koch•3mo ago

Looks disabled to me? Or maybe some JS error?

mile4841•3mo ago

Dennis Koch•3mo ago

I'd look into that 500 Error

mile4841•3mo ago

Dennis Koch•3mo ago

Yes. You can't just open the route. Check the DevTools or your error log. Didn't you get a modal with an error message?

mile4841•3mo ago

Nothing just this console error this is mine form

public static function getForm() :array
    {
        return [
            TextInput::make('title')
                ->hint('Slug, SEO title, and SEO description are updated after 1 second')
                ->live()
                ->afterStateUpdated(function($state, Set $set){
                    $set('seo_title', $state);
                    $set('slug', Str::slug($state));
                    $set('seo_description', Str::slug($state));
                })
                ->debounce(1000)
                ->required()
                ->extraInputAttributes(["required" => false]),

            DateTimePicker::make('published_at')
                ->default(function(){
                    return now();
                }),
TextInput::make('seo_title')
                ->required()
                ->extraInputAttributes(["required" => false])
                ->maxLength(191),
                
            Select::make('cat_id')
                ->required()
                ->preload(true)
                ->relationship('category', 'title')
                ->label('Category')
                ->searchable(),

            TextInput::make('slug')
                ->required()
                ->extraInputAttributes(["required" => false])
                ->maxLength(255),

public static function getForm() :array
    {
        return [
            TextInput::make('title')
                ->hint('Slug, SEO title, and SEO description are updated after 1 second')
                ->live()
                ->afterStateUpdated(function($state, Set $set){
                    $set('seo_title', $state);
                    $set('slug', Str::slug($state));
                    $set('seo_description', Str::slug($state));
                })
                ->debounce(1000)
                ->required()
                ->extraInputAttributes(["required" => false]),

            DateTimePicker::make('published_at')
                ->default(function(){
                    return now();
                }),
TextInput::make('seo_title')
                ->required()
                ->extraInputAttributes(["required" => false])
                ->maxLength(191),
                
            Select::make('cat_id')
                ->required()
                ->preload(true)
                ->relationship('category', 'title')
                ->label('Category')
                ->searchable(),

            TextInput::make('slug')
                ->required()
                ->extraInputAttributes(["required" => false])
                ->maxLength(255),

Second part

            Select::make('tag_id')
                ->required()
                ->preload(true)
                ->relationship('tags', 'title')
                ->label('Tags')
                ->searchable()
                ->multiple()
                ->createOptionForm([
                    TextInput::make('title')
                        ->unique()
                        ->required()
                        ->maxLength(255)
                        
                ])->createOptionAction(function(Action $action){
                    $action->mutateFormDataUsing(function(array $data){
                        $data['slug'] = $data['title'];
                        return $data;
                    });
                }),
            
            RichEditor::make('seo_description')
                ->maxLength(255),

            RichEditor::make('description')
                ->maxLength(255),

            TextInput::make('keywords')
                ->maxLength(191),
            
            TextInput::make('author')
                ->maxLength(255),

            SpatieMediaLibraryFileUpload::make('image')
                ->hint('The max file upload is 2MB. Allowed types are: jpeg, png, jpg')
                ->maxFiles(1)
                ->maxSize(2048)
                ->acceptedFileTypes(['image/jpeg', 'image/png', 'image/jpg'])
                ->imageEditor()
                ->required()
                ->collection('posts'),
            
            RichEditor::make('content')
                ->label('Content')
                ->required()
                ->string()
                ->minLength(20)
                ->maxLength(25000)
                ->columnSpanFull()
                ->enableToolbarButtons(['h1', 'h2'])
                ->extraInputAttributes(['style' => 'max-height: 350px; overflow: scroll'])
            
        ];
    }

            Select::make('tag_id')
                ->required()
                ->preload(true)
                ->relationship('tags', 'title')
                ->label('Tags')
                ->searchable()
                ->multiple()
                ->createOptionForm([
                    TextInput::make('title')
                        ->unique()
                        ->required()
                        ->maxLength(255)
                        
                ])->createOptionAction(function(Action $action){
                    $action->mutateFormDataUsing(function(array $data){
                        $data['slug'] = $data['title'];
                        return $data;
                    });
                }),
            
            RichEditor::make('seo_description')
                ->maxLength(255),

            RichEditor::make('description')
                ->maxLength(255),

            TextInput::make('keywords')
                ->maxLength(191),
            
            TextInput::make('author')
                ->maxLength(255),

            SpatieMediaLibraryFileUpload::make('image')
                ->hint('The max file upload is 2MB. Allowed types are: jpeg, png, jpg')
                ->maxFiles(1)
                ->maxSize(2048)
                ->acceptedFileTypes(['image/jpeg', 'image/png', 'image/jpg'])
                ->imageEditor()
                ->required()
                ->collection('posts'),
            
            RichEditor::make('content')
                ->label('Content')
                ->required()
                ->string()
                ->minLength(20)
                ->maxLength(25000)
                ->columnSpanFull()
                ->enableToolbarButtons(['h1', 'h2'])
                ->extraInputAttributes(['style' => 'max-height: 350px; overflow: scroll'])
            
        ];
    }

Dennis Koch•3mo ago

Nothing just this console error

Check the actual response in the network tab and it will probably show you more infos.

mile4841•3mo ago

For some reason i am not getting more bugs, can i leave open post(not solved), when bug happens i will post a screen.

Gaming

Programming

Richeditor is not working(i can not type inside)