editor

app/Filament/Resources/EsgResource.php

@@ -4,6 +4,7 @@ namespace App\Filament\Resources;
 
 use App\Filament\Resources\EsgResource\Pages;
 use App\Models\Esg;
+use Filament\Forms\Components\Fieldset;
 use Filament\Forms\Components\FileUpload;
 use Filament\Forms\Components\Grid;
 use Filament\Forms\Components\Group;
@@ -26,6 +27,8 @@ use Filament\Tables\Columns\TextColumn;
 use Filament\Tables\Table;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\SoftDeletingScope;
+use Malzariey\FilamentLexicalEditor\Enums\ToolbarItem;
+use Malzariey\FilamentLexicalEditor\FilamentLexicalEditor;
 use SolutionForest\FilamentTranslateField\Forms\Component\Translate;
 use Str;
 
@@ -40,6 +43,15 @@ class EsgResource extends Resource
 
     public static function form(Form $form): Form
     {
+        $editor_toolbar= [
+            ToolbarItem::UNDO, ToolbarItem::REDO, ToolbarItem::NORMAL,
+            ToolbarItem::H2, ToolbarItem::H3, ToolbarItem::H4, ToolbarItem::H5,
+            ToolbarItem::BULLET, ToolbarItem::NUMBERED, ToolbarItem::FONT_SIZE,
+            ToolbarItem::BOLD, ToolbarItem::ITALIC, ToolbarItem::UNDERLINE,
+            ToolbarItem::LINK, ToolbarItem::TEXT_COLOR, ToolbarItem::BACKGROUND_COLOR,
+            ToolbarItem::SUBSCRIPT, ToolbarItem::LOWERCASE, ToolbarItem::DIVIDER,
+            ToolbarItem::UPPERCASE, ToolbarItem::CLEAR, ToolbarItem::HR
+        ];
         return $form
             ->schema([
                 //
@@ -105,18 +117,19 @@ class EsgResource extends Resource
                                 5 => "影片",
                             ])->label("")->default(1)->Live(),
                             Group::make()->schema([
-                                Translate::make()->schema(fn (string $locale) => [
-                                    RichEditor::make('content.text_content')
-                                    ->fileAttachmentsDirectory('attachments')
-                                    ->fileAttachmentsVisibility('private')
-                                    ->disableToolbarButtons(['attachFiles'])
-                                    ->required($locale == "zh_TW")
-                                    ->validationMessages([
-                                        'required' => '請填寫文字內容',
-                                    ]),
-                                ])
-                                ->locales(["zh_TW", "en"])
-                                ->id(fn ($get) => "para_text_" . $get('item_key')),
+                                Section::make('純文字設定')->schema([
+                                    FilamentLexicalEditor::make('content.text_content_tw')
+                                        ->label('中文')
+                                        ->id(fn ($get) => "text_content_tw_" . $get('item_key') . "_" . uniqid())
+                                        ->enabledToolbars($editor_toolbar)
+                                        ->required()
+                                        ->columnSpanFull(),
+                                    FilamentLexicalEditor::make('content.text_content_en')
+                                        ->label('English')
+                                        ->id(fn ($get) => "text_content_en_" . $get('item_key') . "_" . uniqid())
+                                        ->enabledToolbars($editor_toolbar)
+                                        ->columnSpanFull(),
+                                ]),
                             ])->visible(fn (Get $get):bool => $get("type") == 1),
                             Group::make()->schema([
                                 Section::make('區塊文字設定')->schema([
@@ -130,18 +143,18 @@ class EsgResource extends Resource
                                                     $component->state(Str::random());
                                                 }
                                             }),
-                                        // 多語系內容
-                                        Translate::make()->schema(fn (string $locale) => [
-                                            RichEditor::make('block_content')
-                                                ->disableToolbarButtons(['attachFiles'])
-                                                ->required($locale == "zh_TW")
-                                                ->validationMessages([
-                                                    'required' => '請填寫文字內容',
-                                                ]),
-                                        ])
-                                        ->locales(["zh_TW", "en"])
-                                        ->id(fn ($get) => "text_block_" . $get('block_item_key')),
-
+                                        FilamentLexicalEditor::make('block_content_tw')
+                                            ->label('繁體中文內容')
+                                            ->id(fn ($get) => "block_content_tw_" . $get('block_item_key') . "_" . uniqid())
+                                            ->enabledToolbars($editor_toolbar)
+                                            ->required()
+                                            ->live(onBlur: true)
+                                            ->columnSpanFull(),
+                                        FilamentLexicalEditor::make('block_content_en')
+                                            ->label('English Content')
+                                            ->id(fn ($get) => "block_content_en_" . $get('block_item_key') . "_" . uniqid())
+                                            ->enabledToolbars($editor_toolbar)
+                                            ->columnSpanFull(),
                                     ])
                                     ->label("")
                                     ->addActionLabel('增加區塊')
@@ -241,79 +254,136 @@ class EsgResource extends Resource
                                                         $component->state(Str::random());
                                                     }
                                                 }),
-                                            Translate::make()->schema(fn (string $locale) => [
-                                                Grid::make(1)  // 改用 Grid 來支援動態 columns
-                                                    ->schema([
-                                                        Radio::make('align1')
-                                                            ->label('對齊')
-                                                            ->options([
-                                                                1 => '置左',  // 改為數字鍵值
-                                                                2 => '置中',
-                                                                3 => '置右'
-                                                            ])
-                                                        ->default(1),
-                                                        RichEditor::make('col1')
-                                                            ->label('第1欄')
-                                                            ->disableToolbarButtons(['attachFiles'])
-                                                            ->required($locale == "zh_TW")
-                                                            ->validationMessages([
-                                                                'required' => '請填寫',
-                                                            ]),
-                                                        // TextInput::make('col2')->label('第2欄')->required(),
-                                                        Radio::make('align2')
+                                            Grid::make(1)  // 改用 Grid 來支援動態 columns
+                                                ->schema([
+                                                    Section::make("第一欄")->schema([
+                                                        Fieldset::make('中文')->schema([
+                                                            Radio::make('align1_tw')
+                                                                ->label('對齊')
+                                                                ->options([
+                                                                    1 => '置左',  // 改為數字鍵值
+                                                                    2 => '置中',
+                                                                    3 => '置右'
+                                                                ])
+                                                            ->default(1)->inline(),
+                                                            FilamentLexicalEditor::make('col1_tw')
+                                                                ->id(fn ($get) => "col1_tw_" . $get('simple_table_rows_key') . "_" . uniqid())
+                                                                ->enabledToolbars($editor_toolbar)
+                                                                ->required()
+                                                                ->columnSpanFull(),
+                                                        ]),
+                                                        Fieldset::make('英文')->schema([
+                                                            Radio::make('align1_en')
                                                             ->label('對齊')
                                                             ->options([
                                                                 1 => '置左',  // 改為數字鍵值
                                                                 2 => '置中',
                                                                 3 => '置右'
                                                             ])
+                                                            ->default(1)->inline(),
+                                                            FilamentLexicalEditor::make('col1_en')
+                                                                ->id(fn ($get) => "col1_en_" . $get('simple_table_rows_key') . "_" . uniqid())
+                                                                ->enabledToolbars($editor_toolbar)
+                                                                ->columnSpanFull(),
+                                                        ]),
+                                                    ]),
+                                                    Section::make("第二欄")->schema([
+                                                        Fieldset::make('中文')->schema([
+                                                            Radio::make('align2_tw')
+                                                                ->label('對齊')
+                                                                ->options([
+                                                                    1 => '置左',  // 改為數字鍵值
+                                                                    2 => '置中',
+                                                                    3 => '置右'
+                                                                ])
+                                                            ->default(1)->inline(),
+                                                            FilamentLexicalEditor::make('col2_tw')
+                                                                ->id(fn ($get) => "col2_tw_" . $get('simple_table_rows_key') . "_" . uniqid())
+                                                                ->enabledToolbars($editor_toolbar)
+                                                                ->required()
+                                                                ->columnSpanFull(),
+                                                        ]),
+                                                        Fieldset::make('英文')->schema([
+                                                            Radio::make('align2_en')
+                                                                ->label('對齊')
+                                                                ->options([
+                                                                    1 => '置左',  // 改為數字鍵值
+                                                                    2 => '置中',
+                                                                    3 => '置右'
+                                                                ])
+                                                            ->default(1)->inline(),
+                                                            FilamentLexicalEditor::make('col2_en')
+                                                                ->id(fn ($get) => "col2_en_" . $get('simple_table_rows_key') . "_" . uniqid())
+                                                                ->enabledToolbars($editor_toolbar)
+                                                                ->columnSpanFull(),
+                                                        ]),
+                                                    ]),
+                                                    Section::make("第三欄")->schema([
+                                                        Fieldset::make('中文')->schema([
+                                                            Radio::make('align3_tw')
+                                                                ->label('對齊')
+                                                                ->options([
+                                                                    1 => '置左',  // 改為數字鍵值
+                                                                    2 => '置中',
+                                                                    3 => '置右'
+                                                                ])
                                                             ->default(1),
-                                                        RichEditor::make('col2')
-                                                            ->label('第2欄')
-                                                            ->disableToolbarButtons(['attachFiles'])
-                                                            ->required($locale == "zh_TW")
-                                                            ->validationMessages([
-                                                                'required' => '請填寫',
-                                                            ]),
-                                                        Radio::make('align3')
-                                                            ->label('對齊')
-                                                            ->options([
-                                                                1 => '置左',  // 改為數字鍵值
-                                                                2 => '置中',
-                                                                3 => '置右'
-                                                            ])
-                                                            ->default(1)
-                                                            ->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 3),
-                                                        RichEditor::make('col3')
-                                                            ->label('第3欄')
-                                                            ->disableToolbarButtons(['attachFiles'])
-                                                            ->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 3)
-                                                            ->required($locale == "zh_TW" && fn (Get $get)=> intval($get("../../../content.column_count")) >= 3)
-                                                            ->validationMessages([
-                                                                'required' => '請填寫',
+                                                            FilamentLexicalEditor::make('col3_tw')
+                                                                ->id(fn ($get) => "col3_tw_" . $get('simple_table_rows_key') . "_" . uniqid())
+                                                                ->enabledToolbars($editor_toolbar)
+                                                                ->required()
+                                                                ->columnSpanFull(),
+                                                        ]),
+                                                        Fieldset::make('英文')->schema([
+                                                            Radio::make('align3_en')
+                                                                ->label('對齊')
+                                                                ->options([
+                                                                    1 => '置左',  // 改為數字鍵值
+                                                                    2 => '置中',
+                                                                    3 => '置右'
+                                                                ])
+                                                            ->default(1)->inline(),
+                                                            FilamentLexicalEditor::make('col3_en')
+                                                                ->id(fn ($get) => "col3_en_" . $get('simple_table_rows_key') . "_" . uniqid())
+                                                                ->enabledToolbars($editor_toolbar)
+                                                                ->columnSpanFull(),
                                                             ]),
-                                                            Radio::make('align4')
+                                                    ])->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 3),
+                                                    Section::make("第四欄")->schema([
+                                                        Fieldset::make('中文')->schema([
+                                                            Radio::make('align4_tw')
                                                                 ->label('對齊')
                                                                 ->options([
                                                                     1 => '置左',  // 改為數字鍵值
                                                                     2 => '置中',
                                                                     3 => '置右'
                                                                 ])
-                                                                ->default(1)
-                                                                ->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 4),
-                                                            RichEditor::make('col4')
-                                                                ->label('第4欄')
-                                                                ->disableToolbarButtons(['attachFiles'])
-                                                                ->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 4)
-                                                                ->required($locale == "zh_TW" && fn (Get $get)=> intval($get("../../../content.column_count")) >= 4)
-                                                                ->validationMessages([
-                                                                    'required' => '請填寫',
-                                                                ]),
-                                                    ])
-                                                    ->reactive()  // 加入響應式
-                                            ])->locales(["zh_TW", "en"]),
+                                                            ->default(1)->inline(),
+                                                            FilamentLexicalEditor::make('col4_tw')
+                                                                ->id(fn ($get) => "col4_tw_" . $get('simple_table_rows_key') . "_" . uniqid())
+                                                                ->enabledToolbars($editor_toolbar)
+                                                                ->required()
+                                                                ->columnSpanFull(),
+                                                        ]),
+                                                        Fieldset::make('英文')->schema([
+                                                            Radio::make('align4_en')
+                                                                ->label('對齊')
+                                                                ->options([
+                                                                    1 => '置左',  // 改為數字鍵值
+                                                                    2 => '置中',
+                                                                    3 => '置右'
+                                                                ])
+                                                            ->default(1)->inline(),
+                                                            FilamentLexicalEditor::make('col4_en')
+                                                                ->id(fn ($get) => "col4_en_" . $get('simple_table_rows_key') . "_" . uniqid())
+                                                                ->enabledToolbars($editor_toolbar)
+                                                                ->columnSpanFull(),
+                                                        ]),
+                                                    ])->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 4),
+                                                ])
+                                                ->reactive()  // 加入響應式
                                         ])
-                                        ->id(fn ($get) => "simple_table_" . $get('simple_table_key'))
+                                        ->id(fn ($get) => "simple_table_" . $get('simple_table_rows_key'))
                                         ->addActionLabel('新增列')
                                         ->reorderableWithButtons()
                                         ->minItems(1)
@@ -369,6 +439,141 @@ class EsgResource extends Resource
                         ->reorderableWithButtons()
                         ->orderColumn('order')
                         ->cloneable()
+                        ->mutateRelationshipDataBeforeFillUsing(function (array $data): array {
+                            switch($data["type"]){
+                                case "1":
+                                    if (!empty($data["content"]['text_content'])) {
+                                        $content = is_string($data["content"]['text_content'])
+                                            ? json_decode($data["content"]['text_content'], true)
+                                            : $data["content"]['text_content'];
+
+                                        if (is_array($content)) {
+                                            $data["content"]['text_content_tw'] = $content['zh_TW'] ?? '';
+                                            $data["content"]['text_content_en'] = $content['en'] ?? '';
+                                        }
+                                    }
+                                    break;
+                                case "2":
+                                    if (!empty($data["content"]['text_blocks']) && count($data["content"]['text_blocks']) > 0) {
+                                        foreach ($data["content"]['text_blocks'] as $block_index => $block){
+                                            $content = is_string($block['block_content'])
+                                                ? json_decode($block['block_content'], true)
+                                                : $block['block_content'];
+
+                                            if (is_array($content)) {
+                                                $data["content"]['text_blocks'][$block_index]["block_content_tw"] = $content['zh_TW'] ?? '';
+                                                $data["content"]['text_blocks'][$block_index]["block_content_en"] = $content['en'] ?? '';
+                                            }
+                                        }
+                                    }
+                                    break;
+                                case "3":
+                                    if (!empty($data["content"]['simple_table_rows']) && count($data["content"]['simple_table_rows']) > 0) {
+                                        foreach ($data["content"]['simple_table_rows'] as $row_key => $row) {
+                                            $flatRow = [];
+
+                                            foreach ($row as $key => $value) {
+                                                if (is_array($value) && isset($value['zh_TW'], $value['en'])) {
+                                                    // 多语言字段，分离为两个字段
+                                                    $flatRow[$key . '_tw'] = $value['zh_TW'];
+                                                    $flatRow[$key . '_en'] = $value['en'];
+                                                } else {
+                                                    // 非多语言字段，保持原样
+                                                    $flatRow[$key] = $value;
+                                                }
+                                            }
+
+                                            $data["content"]['simple_table_rows'][$row_key] = $flatRow;
+                                        }
+                                    }
+                                    break;
+                            }
+                            return $data;
+                        })
+                        ->mutateRelationshipDataBeforeSaveUsing(function (array $data): array {
+                            switch($data["type"]){
+                                case "1":
+                                    $data["content"]["text_content"] = ["zh_TW" => $data["content"]["text_content_tw"] ?? "" , "en" => $data["content"]["text_content_en"] ?? ""];
+                                    // 移除臨時的分離欄位，只保留合併的 JSON 欄位
+                                    unset($data["content"]["text_content_tw"]);
+                                    unset($data["content"]["text_content_en"]);
+
+                                    // 清理 HTML 標籤（如果需要）
+                                    foreach ($data['content']['text_content'] as $locale => $content) {
+                                        \Log::info($content);
+                                        \Log::info(stripslashes($content));
+                                        $data['content']['text_content'][$locale] = stripslashes($content);
+                                    }
+                                    break;
+                                case "2":
+                                    // 確保有 text_blocks
+                                    if (!isset($data['content']['text_blocks'])) {
+                                        $data['content']['text_blocks'] = [];
+                                    }
+
+                                    // 處理每個文字區塊
+                                    foreach ($data['content']['text_blocks'] as $index => &$block) {
+                                        // 確保區塊有必要的欄位
+                                        $block['block_item_key'] = $block['block_item_key'] ?? Str::random();
+                                        $block['order'] = $block['order'] ?? ($index + 1);
+
+                                        $block["block_content"] = ["zh_TW" => $block["block_content_tw"] ?? "" , "en" => $block["block_content_en"] ?? ""];
+                                        // 移除臨時的分離欄位，只保留合併的 JSON 欄位
+                                        unset($block["block_content_tw"]);
+                                        unset($block["block_content_en"]);
+                                        // 清理區塊內容
+                                        if (isset($block['block_content'])) {
+                                            foreach ($block['block_content'] as $locale => $content) {
+                                                $block['block_content'][$locale] = stripslashes($content);
+                                            }
+                                        }
+                                    }
+                                    break;
+                                case "3":
+                                    // 確保欄數設定
+                                    $columnCount = $data['content']['column_count'] ?? 2;
+
+                                    // 確保表頭存在
+                                    if (!isset($data['content']['headers'])) {
+                                        $data['content']['headers'] = ['zh_TW' => [], 'en' => []];
+                                    }
+
+                                    // 確保表格資料存在
+                                    if (!isset($data['content']['simple_table_rows'])) {
+                                        $data['content']['simple_table_rows'] = [];
+                                    }
+
+                                    // 處理表格資料，確保欄數一致
+                                    foreach ($data['content']['simple_table_rows'] as $rowIndex => &$row) {
+                                        // 確保每行都有正確的欄數
+                                        for ($i = 1; $i <= $columnCount; $i++) {
+                                            $row["col{$i}"] = ["zh_TW" => $row["col{$i}_tw"] ?? "" , "en" => $row["col{$i}_en"] ?? ""];
+                                            foreach ($row["col{$i}"] as $locale => $content) {
+                                                $row["col{$i}"][$locale] = $content;
+                                            }
+                                            unset($row["col{$i}_tw"]);
+                                            unset($row["col{$i}_en"]);
+                                            $row["align{$i}"] = ["zh_TW" => $row["align{$i}_tw"] ?? "" , "en" => $row["align{$i}_en"] ?? ""];
+                                            foreach ($row["align{$i}"] as $locale => $content) {
+                                                $row["align{$i}"][$locale] = $content;
+                                            }
+                                            unset($row["align{$i}_tw"]);
+                                            unset($row["align{$i}_en"]);
+                                        }
+
+                                        // 移除多餘的欄位
+                                        for ($i = $columnCount + 1; $i <= 4; $i++) {
+                                            unset($row["col{$i}_tw"]);
+                                            unset($row["col{$i}_en"]);
+                                            unset($row["align{$i}_tw"]);
+                                            unset($row["align{$i}_en"]);
+                                        }
+                                    }
+                                    break;
+                            }
+                            \Log::info($data);
+                            return $data;
+                        })
                     ])->columnSpanFull(),
                 ])
                 ->columnSpanFull()

app/Filament/Resources/EsgResource/Pages/EditEsg.php

@@ -26,7 +26,11 @@ class EditEsg extends EditRecord
 
         // ✅ 使用 Trait 方法載入並格式化 paragraphs
         $data['paragraphs'] = $this->loadAndFormatParagraphs($this->record);
+        return $data;
+    }
 
+    protected function mutateFormDataBeforeSave(array $data): array
+    {
         return $data;
     }
 
@@ -35,6 +39,7 @@ class EditEsg extends EditRecord
      */
     protected function handleRecordUpdate(Model $record, array $data): Model
     {
+
         // ✅ 使用 Trait 方法處理表單中的 paragraphs
         $processedParagraphs = $this->processFormParagraphs();
         // 更新主記錄

app/Filament/Resources/NewsResource.php

@@ -7,8 +7,11 @@ use App\Models\News;
 use App\Models\NewsCategory;
 use Filament\Forms\Components\Actions\Action;
 use Filament\Forms\Components\Group;
+use Filament\Forms\Components\Hidden;
 use Filament\Forms\Components\Repeater;
 use Filament\Forms\Components\RichEditor;
+use Filament\Forms\Components\Tabs;
+use Filament\Forms\Components\Tabs\Tab;
 use Filament\Forms\Components\TextInput;
 use Filament\Forms\Components\Textarea;
 use Filament\Forms\Components\Select;
@@ -19,6 +22,7 @@ use Filament\Forms\Components\DatePicker;
 use Filament\Forms\Components\FileUpload;
 use Filament\Forms\Get;
 use Filament\Forms\Form;
+use Filament\Forms\Set;
 use Filament\Resources\Resource;
 use Filament\Tables;
 use Filament\Tables\Columns\IconColumn;
@@ -29,6 +33,8 @@ use Filament\Tables\Table;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Str;
+use Malzariey\FilamentLexicalEditor\Enums\ToolbarItem;
+use Malzariey\FilamentLexicalEditor\FilamentLexicalEditor;
 use SolutionForest\FilamentTranslateField\Forms\Component\Translate;
 use RalphJSmit\Filament\SEO\SEO;
 
@@ -142,32 +148,33 @@ class NewsResource extends Resource
                             ])
                         ])->visible(fn (Get $get):bool => $get("paragraph_type") == 1),
                         Group::make()->schema([
-                            Translate::make()->schema(fn (string $locale) => [
-                                RichEditor::make('text_content')
-                                ->toolbarButtons([
-                                    'blockquote',
-                                    'bold',
-                                    'bulletList',
-                                    'h2',
-                                    'h3',
-                                    'italic',
-                                    'link',
-                                    'orderedList',
-                                    'redo',
-                                    'strike',
-                                    'underline',
-                                    'undo',
+                            FilamentLexicalEditor::make('text_content_tw')
+                                ->label('繁體中文內容')
+                                ->id(fn ($get) => "text_content_tw_" . $get('item_key') . "_" . uniqid())
+                                ->enabledToolbars([
+                                    ToolbarItem::UNDO, ToolbarItem::REDO, ToolbarItem::NORMAL,
+                                    ToolbarItem::H2, ToolbarItem::H3, ToolbarItem::H4, ToolbarItem::H5,
+                                    ToolbarItem::BULLET, ToolbarItem::NUMBERED, ToolbarItem::FONT_SIZE,
+                                    ToolbarItem::BOLD, ToolbarItem::ITALIC, ToolbarItem::UNDERLINE,
+                                    ToolbarItem::LINK, ToolbarItem::TEXT_COLOR, ToolbarItem::BACKGROUND_COLOR,
+                                    ToolbarItem::SUBSCRIPT, ToolbarItem::LOWERCASE, ToolbarItem::DIVIDER,
+                                    ToolbarItem::UPPERCASE, ToolbarItem::CLEAR, ToolbarItem::HR
                                 ])
-                                ->disableToolbarButtons([
-                                    'blockquote',
-                                    'strike',
-                                    'attachFiles',
+                                ->live(onBlur: true)
+                                ->columnSpanFull(),
+                            FilamentLexicalEditor::make('text_content_en')
+                                ->label('English Content')
+                                ->id(fn ($get) => "text_content_en_" . $get('item_key') . "_" . uniqid())
+                                ->enabledToolbars([
+                                    ToolbarItem::UNDO, ToolbarItem::REDO, ToolbarItem::NORMAL,
+                                    ToolbarItem::H2, ToolbarItem::H3, ToolbarItem::H4, ToolbarItem::H5,
+                                    ToolbarItem::BULLET, ToolbarItem::NUMBERED, ToolbarItem::FONT_SIZE,
+                                    ToolbarItem::BOLD, ToolbarItem::ITALIC, ToolbarItem::UNDERLINE,
+                                    ToolbarItem::LINK, ToolbarItem::TEXT_COLOR, ToolbarItem::BACKGROUND_COLOR,
+                                    ToolbarItem::SUBSCRIPT, ToolbarItem::LOWERCASE, ToolbarItem::DIVIDER,
+                                    ToolbarItem::UPPERCASE, ToolbarItem::CLEAR, ToolbarItem::HR
                                 ])
-                                ->fileAttachmentsDirectory('attachments')
-                                ->fileAttachmentsVisibility('private'),
-                            ])
-                            ->locales(["zh_TW", "en"])
-                            ->id(fn ($get) => "para_text_" . $get('item_key')),
+                                ->columnSpanFull(),
                         ])->visible(fn (Get $get):bool => $get("paragraph_type") == 2),
                             Group::make()->schema([
                                 Section::make("")->schema([
@@ -201,6 +208,30 @@ class NewsResource extends Resource
                     ->reorderableWithButtons()
                     ->orderColumn('order')
                     ->cloneable()
+                    ->mutateRelationshipDataBeforeFillUsing(function (array $data): array {
+
+                        if ($data['paragraph_type'] == 2 && !empty($data['text_content'])) {
+                            $content = is_string($data['text_content'])
+                                ? json_decode($data['text_content'], true)
+                                : $data['text_content'];
+
+                            if (is_array($content)) {
+                                $data['text_content_tw'] = $content['zh_TW'] ?? '';
+                                $data['text_content_en'] = $content['en'] ?? '';
+                            }
+                        }
+
+                        return $data;
+                    })
+                    ->mutateRelationshipDataBeforeSaveUsing(function (array $data): array{
+                        if ($data['paragraph_type'] == 2) {
+                            $data["text_content"] = ["zh_TW" => $data["text_content_tw"], "en" => $data["text_content_en"]];
+                            // 移除臨時的分離欄位，只保留合併的 JSON 欄位
+                            unset($data['text_content_tw']);
+                            unset($data['text_content_en']);
+                        }
+                        return $data;
+                    })
                 ]),
             ]);
     }

app/Http/Controllers/Api/NewsController.php

@@ -185,7 +185,7 @@ class NewsController extends Controller
                 case "text":
                     $paragraphs[] = [
                         "type" => $paragraph->contentType(),
-                        "content" => nl2br($paragraph->getTranslation("text_content", $locate, false)),
+                        "content" => nl2br($paragraph->getTextContent($locate)),
                     ];
                     break;
                 case "image":

app/Models/NewsParagraph.php

@@ -20,7 +20,10 @@ class NewsParagraph extends Model
     protected $guarded = ['id'];
     public $timestamps = false;
     protected $appends = ['paragraph_video_img', 'paragraph_video_type', 'paragraph_video_url'];
-    public $translatable = ['text_content', 'video_img_alt'];
+    public $translatable = ['video_img_alt'];
+    protected $casts = [
+        'text_content' => 'array',         // JSON 轉陣列
+    ];
 
     public function news(){
         return $this->belongsTo(News::class);
@@ -63,4 +66,29 @@ class NewsParagraph extends Model
             get: fn ($value) => ($this->video_type == 2) ? Storage::disk('public')->url($this->video_url) : $this->link,
         );
     }
+    /**
+     * 取得特定語言的文字內容
+     */
+    public function getTextContent($locale = 'zh_TW'): string
+    {
+        if ($this->paragraph_type != 2) {
+            return '';
+        }
+
+        $content = $this->text_content;
+
+        if (is_array($content)) {
+            return $content[$locale] ?? '';
+        }
+
+        if (is_string($content)) {
+            $decoded = json_decode($content, true);
+            return $decoded[$locale] ?? '';
+        }
+
+        return '';
+    }
+
+
+
 }

app/Traits/HandlesEsgParagraphs.php

@@ -16,8 +16,6 @@ trait HandlesEsgParagraphs
         $formattedParagraphs = [];
 
         foreach ($paragraphs as $paragraph) {
-            \Log::info("格式化段落:", $paragraph);
-
             $formatted = [
                 'id' => $paragraph['id'],
                 'type' => $paragraph['type'],
@@ -50,8 +48,6 @@ trait HandlesEsgParagraphs
             }
 
             $formattedParagraphs[] = $formatted;
-
-            \Log::info("格式化完成:", $formatted);
         }
 
         return $formattedParagraphs;
@@ -157,8 +153,6 @@ trait HandlesEsgParagraphs
      */
     protected function preprocessParagraphs(array $paragraphs): array
     {
-        \Log::info("=== 開始預處理 Paragraphs ===");
-
         foreach ($paragraphs as $index => &$paragraph) {
             \Log::info("處理段落 {$index}:", $paragraph);
 
@@ -199,12 +193,10 @@ trait HandlesEsgParagraphs
      */
     protected function preprocessTextParagraph(array $paragraph): array
     {
-        \Log::info("處理純文字段落");
-
-        // 確保文字內容結構正確
-        if (!isset($paragraph['content']['text_content'])) {
-            $paragraph['content']['text_content'] = ['zh_TW' => '', 'en' => ''];
-        }
+        $paragraph["content"]["text_content"] = ["zh_TW" => $paragraph["content"]["text_content_tw"] ?? "" , "en" => $paragraph["content"]["text_content_en"] ?? ""];
+        // 移除臨時的分離欄位，只保留合併的 JSON 欄位
+        unset($paragraph["content"]["text_content_tw"]);
+        unset($paragraph["content"]["text_content_en"]);
 
         // 清理 HTML 標籤（如果需要）
         foreach ($paragraph['content']['text_content'] as $locale => $content) {
@@ -219,8 +211,6 @@ trait HandlesEsgParagraphs
      */
     protected function preprocessBlockParagraph(array $paragraph): array
     {
-        \Log::info("處理區塊文字段落");
-
         // 確保有 text_blocks
         if (!isset($paragraph['content']['text_blocks'])) {
             $paragraph['content']['text_blocks'] = [];
@@ -232,6 +222,10 @@ trait HandlesEsgParagraphs
             $block['block_item_key'] = $block['block_item_key'] ?? Str::random();
             $block['order'] = $block['order'] ?? ($index + 1);
 
+            $block["block_content"] = ["zh_TW" => $block["block_content_tw"] ?? "" , "en" => $block["block_content_en"] ?? ""];
+            // 移除臨時的分離欄位，只保留合併的 JSON 欄位
+            unset($block["block_content_tw"]);
+            unset($block["block_content_en"]);
             // 清理區塊內容
             if (isset($block['block_content'])) {
                 foreach ($block['block_content'] as $locale => $content) {
@@ -248,7 +242,6 @@ trait HandlesEsgParagraphs
      */
     protected function preprocessTableParagraph(array $paragraph): array
     {
-        \Log::info("處理表格段落");
 
         // 確保欄數設定
         $columnCount = $paragraph['content']['column_count'] ?? 2;
@@ -265,22 +258,22 @@ trait HandlesEsgParagraphs
 
         // 處理表格資料，確保欄數一致
         foreach ($paragraph['content']['simple_table_rows'] as $rowIndex => &$row) {
-            foreach (['zh_TW', 'en'] as $locale) {
-                if (!isset($row[$locale])) {
-                    $row[$locale] = [];
-                }
-
-                // 確保每行都有正確的欄數
-                for ($i = 1; $i <= $columnCount; $i++) {
-                    if (!isset($row[$locale]["col{$i}"])) {
-                        $row[$locale]["col{$i}"] = '';
-                    }
-                }
+            // 確保每行都有正確的欄數
+            for ($i = 1; $i <= $columnCount; $i++) {
+                $row["col{$i}"] = ["zh_TW" => $row["col{$i}_tw"] ?? "" , "en" => $row["col{$i}_en"] ?? ""];
+                unset($block["block_content_tw"]);
+                unset($block["block_content_en"]);
+                $row["align{$i}"] = ["zh_TW" => $row["align{$i}_tw"] ?? "" , "en" => $row["align{$i}_en"] ?? ""];
+                unset($row["align{$i}_tw"]);
+                unset($row["align{$i}_en"]);
+            }
 
-                // 移除多餘的欄位
-                for ($i = $columnCount + 1; $i <= 4; $i++) {
-                    unset($row[$locale]["col{$i}"]);
-                }
+            // 移除多餘的欄位
+            for ($i = $columnCount + 1; $i <= 4; $i++) {
+                unset($row["col{$i}_tw"]);
+                unset($row["col{$i}_en"]);
+                unset($row["align{$i}_tw"]);
+                unset($row["align{$i}_en"]);
             }
         }
 
@@ -318,8 +311,6 @@ trait HandlesEsgParagraphs
      */
     protected function updateParagraphs(Model $record, array $paragraphs): void
     {
-        \Log::info("=== 開始更新 Paragraphs 關聯 ===");
-
         // 獲取現有的段落 IDs
         $existingIds = collect($paragraphs)
             ->pluck('id')
@@ -332,8 +323,6 @@ trait HandlesEsgParagraphs
             ->whereNotIn('id', $existingIds)
             ->delete();
 
-        \Log::info("已刪除不存在的段落");
-
         // 更新或建立段落
         foreach ($paragraphs as $paragraphData) {
             if (isset($paragraphData['id'])) {
@@ -345,7 +334,6 @@ trait HandlesEsgParagraphs
                         'order' => $paragraphData['order'],
                         'content' => $paragraphData['content'],
                     ]);
-                    \Log::info("更新段落 ID: {$paragraphData['id']}");
                 }
             } else {
                 // 建立新段落
@@ -354,11 +342,8 @@ trait HandlesEsgParagraphs
                     'order' => $paragraphData['order'],
                     'content' => $paragraphData['content'],
                 ]);
-                \Log::info("建立新段落 ID: {$newParagraph->id}");
             }
         }
-
-        \Log::info("=== Paragraphs 關聯更新完成 ===");
     }
 
     /**
@@ -366,18 +351,13 @@ trait HandlesEsgParagraphs
      */
     protected function createParagraphs(Model $record, array $paragraphs): void
     {
-        \Log::info("=== 開始建立 Paragraphs 關聯 ===");
-
         foreach ($paragraphs as $paragraphData) {
             $newParagraph = $record->paragraphs()->create([
                 'type' => $paragraphData['type'],
                 'order' => $paragraphData['order'],
                 'content' => $paragraphData['content'],
             ]);
-            \Log::info("建立新段落 ID: {$newParagraph->id}");
         }
-
-        \Log::info("=== Paragraphs 關聯建立完成 ===");
     }
 
     /**
@@ -429,7 +409,6 @@ trait HandlesEsgParagraphs
     protected function processFormParagraphs(): ?array
     {
         $formState = $this->form->getState();
-
         if (!isset($formState['paragraphs'])) {
             return null;
         }

composer.json

@@ -13,6 +13,7 @@
         "filament/spatie-laravel-translatable-plugin": "^3.2",
         "laravel/framework": "^12.0",
         "laravel/tinker": "^2.10.1",
+        "malzariey/filament-lexical-editor": "^1.1",
         "pboivin/filament-peek": "^2.0",
         "solution-forest/filament-translate-field": "^1.4"
     },

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "4dd77b45cb10dba97a9548c348c2a50d",
+    "content-hash": "e9061dad4ffa638a18cda5e044ab8b4f",
     "packages": [
         {
             "name": "anourvalar/eloquent-serialize",
@@ -3276,6 +3276,81 @@
             "time": "2025-04-12T22:26:52+00:00"
         },
         {
+            "name": "malzariey/filament-lexical-editor",
+            "version": "1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/malzariey/filament-lexical-editor.git",
+                "reference": "df8d9ffcfc078fdafaa85a4265fdf03d835d5b27"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/malzariey/filament-lexical-editor/zipball/df8d9ffcfc078fdafaa85a4265fdf03d835d5b27",
+                "reference": "df8d9ffcfc078fdafaa85a4265fdf03d835d5b27",
+                "shasum": ""
+            },
+            "require": {
+                "filament/filament": "^3.0",
+                "filament/forms": "^3.0",
+                "php": "^8.1",
+                "spatie/laravel-package-tools": "^1.15.0"
+            },
+            "require-dev": {
+                "nunomaduro/collision": "^7.9",
+                "orchestra/testbench": "^8.0",
+                "pestphp/pest": "^2.1",
+                "pestphp/pest-plugin-arch": "^2.0",
+                "pestphp/pest-plugin-laravel": "^2.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Malzariey\\FilamentLexicalEditor\\FilamentLexicalEditorServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Malzariey\\FilamentLexicalEditor\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Majid Al Zariey",
+                    "email": "malzariey@hajarco.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Implementation of meta's lexical editor in FilamentPHP, a modern, extensible text editor framework.",
+            "homepage": "https://github.com/malzariey/filament-lexical-editor",
+            "keywords": [
+                "Malzariey",
+                "editor",
+                "filaemntPHP",
+                "filament-lexical-editor",
+                "laravel",
+                "lexical",
+                "rich-text",
+                "text-editor"
+            ],
+            "support": {
+                "issues": "https://github.com/malzariey/filament-lexical-editor/issues",
+                "source": "https://github.com/malzariey/filament-lexical-editor"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/malzariey",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-04-30T11:06:41+00:00"
+        },
+        {
             "name": "masterminds/html5",
             "version": "2.9.0",
             "source": {