You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Laravel Filament的RelationManager中调整TiptapEditor尺寸?

我的问题

我希望将content字段扩展为至少2列宽和2列高。我尝试在RelationManager中调整该字段的尺寸,同时也在Resource中进行了尝试,但均无效果。以下是我的DataRelationManager.php代码:

<?php

namespace App\Filament\Resources\OnderwerpResource\RelationManagers;

use Filament\Forms;
use Filament\Forms\Form;
use Filament\Resources\RelationManagers\RelationManager;
use Filament\Tables;
use Filament\Tables\Table;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\SoftDeletingScope;
use FilamentTiptapEditor\TiptapEditor;
use FilamentTiptapEditor\Enums\TiptapOutput;

class DataRelationManager extends RelationManager
{
    protected static string $relationship = 'Data';

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\TextInput::make('title')
                    ->label('Title')
                    ->required(),
                Forms\Components\Select::make('language_id')
                    ->label('Language')
                    ->options(
                        \App\Models\Language::pluck('name', 'id')->toArray()
                    )
                    ->required(),
                TiptapEditor::make('content')
                    ->label('Content')
                    ->required(),
            ]);
    }

    public function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('title')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('language.name')
                    ->sortable(),
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }
}
已尝试的方法

我尝试的所有调整content字段尺寸的方法要么报错,要么没有效果。

尺寸未改变的表单

  • 尝试使用->modalWidth():
TiptapEditor::make('content')
    ->label('Content')
    ->required()
    ->modalWidth('7xl'),

报错:

Method FilamentTiptapEditor\TiptapEditor::modalWidth does not exist.
  • 尝试在TiptapEditor中使用->maxContentWidth(),参数为MaxWidth::Full:
TiptapEditor::make('content')
    ->label('Content')
    ->required()
    ->maxContentWidth(MaxWidth::Full),

报错:

FilamentTiptapEditor\TiptapEditor::maxContentWidth(): Argument #1 ($width) must be of type Closure|string, Filament\Support\Enums\MaxWidth given, called in C:\Users\user\Documents\home\filament2\app\Filament\Resources\OnderwerpResource\RelationManagers\DataRelationManager.php on line 36
  • 将maxContentWidth参数改为字符串'Full':
TiptapEditor::make('content')
    ->label('Content')
    ->required()
    ->maxContentWidth('Full'),

错误消失,但尺寸仍未改变。

  • 在$form上使用->maxContentWidth():
public function form(Form $form): Form
{
    return $form
        ->schema([
            Forms\Components\TextInput::make('title')
                ->label('Title')
                ->required(),
            Forms\Components\Select::make('language_id')
                ->label('Language')
                ->options(
                    \App\Models\Language::pluck('name', 'id')->toArray()
                )
                ->required(),
            TiptapEditor::make('content')
                ->label('Content')
                ->required()
        ])->maxContentWidth(MaxWidth::Full);
}

报错:

Method Filament\Forms\Form::maxContentWidth does not exist.
  • 尝试使用->columns():
TiptapEditor::make('content')
    ->label('Content')
    ->required()
    ->columns(2),

尺寸无变化。


内容的提问来源于stack exchange,提问作者fulgur

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 02:57:07